-
Posts
-
http://www.coloradoadventurerentals.com
I’m using the Left Menu Version – the Left menu is not responsive so the widgets, social icons, and lower menu items do not appear on smaller resolution screens.Also the video background isn’t responsive either. Neither is the background image that appears instead of the video background on mobile devices.
Hi ewingmh!
Navigate to Dashboard > Enfold > General Layout and set the “Sticky Sidebar menu” option to “sticky if sidebar is less than screen height”.
Regards,
ElliottI can change it to never sticky and just the social icon moves? the widget areas don’t move – so they don’t appear on smaller screens.
Hey!
I viewed your link again but your site does not look the same now. Your using a top aligned menu, etc etc.
Cheers!
ElliottSorry – we went live with the site. The problems remain the same – here is the new login:
?? this is a big problem to not have the left menu version of this theme be responsive… anyone know how to change that?
I have the same issue. http://proselikeagirl.com
If the screen is too small height wise, the left side either doesn’t scroll up so you lose the widget section or doesn’t format to show everything. People can’t subscribe to blog when the height is too small.
Hi!
@SAdesignUnltd: Please set the Sticky Sidebar menu to Never Sticky. If the content is shorter than the sidebar, you can add a min height on the wrap_all container.
@ewingmh: You should set the Sticky Sidebar menu to Never Sticky. Remove this code on the Quick CSS field:.responsive #top #wrap_all #header { position: fixed; }Regards,
IsmaelThanks for the reply! I added that CSS so that the menu would stay at the top on all mobile devices… I would like the position to remain fixed when the mobile menu is showing.
How about the social icons and phone number in a header bar as shown with the arrows in the attached image? Is that possible?
Also, I’ve made the logo smaller to deal with some of these scrolling issues. Is there a way to center the logo in it’s container?
Thanks!!
Hey!
1.) use this to fix the menu while scrolling:
@media only screen and (max-width: 767px) { .container #advanced_menu_toggle, #advanced_menu_hide { position: fixed; top: 50px; }}2.) On the images you posted here https://kriesi.at/support/topic/using-left-menu-version-left-menu-is-not-responive/#post-369329 I can’t see any social icons or phone number in header bar. What do you mean and what do you want to achieve?
3.) To center the logo use this:
@media only screen and (max-width: 767px) { .html_header_sidebar .logo { margin-right: 85px; }}Cheers!
Andy2. I’m not sure how I can be more clear – Is there a way to add the header small text that is available on the other layout options so that I can put a phone number and social icons at the top of all pages?
Hi!
2.) You can use this on functions.php:
/** * Add elements on the main header */ add_action('ava_main_header', 'ava_main_header_addition'); function ava_main_header_addition() { $output = "CALL ME MAYBE: 123456"; echo $output; }3.) Remove the code provided above along with this one:
.html_header_sidebar .logo img { width: 50%; }Use this instead:
@media only screen and (max-width: 767px) { .responsive .logo { width: 100%; } .html_header_sidebar .logo img { display: inline-block; } .responsive .logo a { text-align: center; } }Best regards,
IsmaelHow do I make the logo smaller?
I tried reducing the image size – I tried reducing the width as I mentioned above but that screws everything up. I’d like it at 150px or so.
Hi!
Use this on Quick CSS:
.html_header_sidebar .logo { width: 150px; border-bottom: none; }Regards,
Ismael
- You must be logged in to reply to this topic.