How do I slide the header to the right?

Resolved help1523
(@help1523)

1 year, 6 months ago

I am trying to slide the header to the right and the menu to the left so it looks better. I tried adding custom css to do this but it seems I need to use “position: relative” and then the website looks off on mobile devices.

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Theme Author FameThemes
(@famethemes)

1 year, 6 months ago
Hi,

You can try to add this custom CSS code to Appearance > Customize > Additional CSS, to move the menu to the left and the logo to the right (switch position)
```
#nav-toggle, .onepress-menu {
    float: left;
    margin: 0;
}
.site-branding {
    float: right;
}
```
Thread Starter help1523
(@help1523)

1 year, 6 months ago

Thanks @famethemes . Sorry, I don’t think I explained myself properly. I don’t want to switch the locations of the menu and logo. I want them to be closer together.
Example: https://imgur.com/a/jDdOgnD

Theme Author FameThemes
(@famethemes)

1 year, 6 months ago

Hi,

I think you can use the layout Contained in the header to display them closer. Please go to Appearance > Customize > Theme Options > Header > Header width: Contained.

Thread Starter help1523
(@help1523)

1 year, 6 months ago

@famethemes Thank you.

Thread Starter help1523
(@help1523)

1 year, 6 months ago

@famethemes When I do this, the menu goes down a line. I think the header moves over too much and there’s not enough space for the menu.

Please see: https://imgur.com/a/t7fnGdi

Thread Starter help1523
(@help1523)

1 year, 6 months ago

I don’t think I should have the header and menu closer together on second thought. On my large display both parts look distanced but on my small laptop it looks perfectly fine. Is there any way to dynamically change the distance depending on the device? If not, I will leave it as is.

Thread Starter help1523
(@help1523)

1 year, 6 months ago

I used Header width: Contained and also reduced the number of letters in the menu. Now the nav bar looks great on any device. Thank you, this topic is resolved and I won’t comment further.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘How do I slide the header to the right?’ is closed to new replies.

Tags