Mobile Responsive Header Logo and Menu

Hi,

I have Used the BeTheme to create a nice simple website however i just need some help with adjustment of Header section of Responsive mobile site.

For the Home Page i have a Full Page Slider using Rev Slider and i have set the following Settings

--> BeTheme Options --> Header & Sub Header --> Layout --> Style --> Overlay Menu (Sticky Header affects ONLY the menu button)

Than

--> Responsive --> General --> Transparent ( ON )

So looks great for homepage on both mobile and desktop.

However for the other pages the Logo goes over content on mobile version and so there are txt or other content behind the logo.

Here are the settings for the internal pages.

Created a Layout with following settings... which i have applied for all internal pages.

Layout --> My Layout --> Header Style --> Stack: Center
--> Minimalist without header space (ON)

What can i do so that for the responsive version with my settings the header is not messed up for internal pages ?

And also how can i also make the Responsive Mobile version also use the Style --> Overlay Menu (Sticky Header affects ONLY the menu button) BUT For desktop to use Header Style --> Stack: Center ??

Thank You

Comments

Sign In or Register to comment.