Return to previous page

Swap location of logo and menu on home page header

This topic has 6 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Robert Hall

JonathanWhite

Participant

October 9, 2015 at 20:06

I can’t figure out how to swap the location of the logo and menu on the home page header. See the following screenshot to see the two parts that I want swapped.

I need the menu to be aligned left and the logo to be centre aligned.

All help much appreciated.

Please, contact administrator
for this information.

#92950 Copied Theme version: 2.4 WooCommerce version: 2.4.7

5 Answers

Robert Hall

Support staff

October 10, 2015 at 09:25

Hello,

As I see menu is on the left side now http://prntscr.com/8pqznz

Regards,
Robert Hall.

#92985 Copied

JonathanWhite

Participant

October 11, 2015 at 10:21

Hi Robert,

That is only for the home page because I hid the logo for that page alone with CSS. The other pages are the ones I want to change.

#93044 Copied
Eva Kemp

Support staff

October 12, 2015 at 11:54
Hello,

Try to use this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.header-logo {
   float: right;
}
.tbs {
   float: left;
}
```
Regards,
Eva Kemp.
#93210 Copied
JonathanWhite

Participant

October 15, 2015 at 13:17

Hi Eva,

This has done the task for the page links (.tbs element) but the header logo needs to be aligned to center, not to the right. This is important to look right as it will be shown on all pages. All help much appreciated!

#94168 Copied
Robert Hall

Support staff

October 15, 2015 at 13:26
Hello,

Also try this code.
```
.header-logo{
margin-right: 308px;
}
```
Regards,
Robert Hall.
#94172 Copied
Viewing 6 results - 1 through 6 (of 6 total)