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
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
1. Please send us link to page where you got this header so we can have a look on it.
2. About the second question, it is not possible to display different header on desktop than on mobile unfortunately.
Thanks!
http://www.dessiign.com/webk/our-work/
Pasted the code in all the internal page Custom CSS and didnt work.. also tried to use the code in Theme Option Custom CSS.. didnt work.