My client tells me "the website loads rather large in our browsers" (see attached screen dump)
I'm wondering if this is due to the slider settings which are set at 1240px x 604px (desktop large)
1024 x 499px (notebook)
778px x 379px (tablet)
Do these settings sound ok to you?
Looking at their screenshot, I notice the navigation is loading below the logo which I think is what they have a problem with. Is it possible to stop this happening? i.e the full nav text displays if there's enough width but automatically goes straight to mobile nav if there isn't enough room?
Also, where I've added the phone number to the secondary navigation, this is dropping below the social media icons in mobile view making the secondary nav too high & obscuring the logo - is there a way to stop this happening?
Thanks. That answers my question re. slider size. Can you tell me whether it's possile to stop the navigation bar loading below
the logo (as in the screenshot I attached). Ideally, the full nav text should display if there's
enough width but the mobile nav (icon icon with slide out menus) should automatically load if there
isn't enough room - is this possible?
Also, where I've added the phone number to the
secondary navigation, this is dropping below the social media icons in
mobile view making the secondary nav too high & obscuring the logo -
is there a way to stop this happening?
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 1000px) and (min-width: 1px) {
#header-secondary-outer nav > ul.sf-menu ,#header-secondary-outer nav > ul#social {
float: right!important;
width: 50% !important;
}
}
Also use the Full Width Header Option in Salient Theme Options Panel and try reducing the Main Menu font size so it does break the layout and load below the logo .
My client tells me "the website loads rather large in our browsers" (see attached screen dump)
I'm wondering if this is due to the slider settings which are set at 1240px x 604px (desktop large)
1024 x 499px (notebook)
778px x 379px (tablet)
Do these settings sound ok to you?
Looking at their screenshot, I notice the navigation is loading below the logo which I think is what they have a problem with. Is it possible to stop this happening? i.e the full nav text displays if there's enough width but automatically goes straight to mobile nav if there isn't enough room?
Also, where I've added the phone number to the secondary navigation, this is dropping below the social media icons in mobile view making the secondary nav too high & obscuring the logo - is there a way to stop this happening?
Thanks for your help.
Mary
Hey ,
Please see: https://themenectar.ticksy.com/article/6778/ .
Best
ThemeNectar Support Team
Thanks. That answers my question re. slider size. Can you tell me whether it's possile to stop the navigation bar loading below the logo (as in the screenshot I attached). Ideally, the full nav text should display if there's enough width but the mobile nav (icon icon with slide out menus) should automatically load if there isn't enough room - is this possible?
Also, where I've added the phone number to the secondary navigation, this is dropping below the social media icons in mobile view making the secondary nav too high & obscuring the logo - is there a way to stop this happening?
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 1000px) and (min-width: 1px) { #header-secondary-outer nav > ul.sf-menu ,#header-secondary-outer nav > ul#social { float: right!important; width: 50% !important; } }Also use the Full Width Header Option in Salient Theme Options Panel and try reducing the Main Menu font size so it does break the layout and load below the logo .
Best.
ThemeNectar Support Team