-
In reply to: Website looks bad on mobile
Hello,
Yes, you can achieve this with custom css too. Add this code:
@media (max-width: 480px){ #logo { left: 11% !important;} .mobile_small_menu { color: white !important;} }Change the values to your wish.
Best regards!
In reply to: Website looks bad on mobile
Thanks, worked.
I will write down all the changes you made.
On one more thing: How can I change the menu button on mobile view? The menu icon is grey and is sitting directly on the logo: https://ibb.co/iusotH
Is it possible to adjust the logo to a smaller size in responsive mobile mode?
Can I change the colour somehow?
In reply to: menu and logo disappearing on mobile
Hello,
Can you please check that the “Header Options > Show Responsive Menu Dropdown” option is set ON first? If it already is, than add this code into your Custom Css box:
@media (max-width: 480px){ .header_5 .mobile_small_menu { display: block; color: white; } ul#mobile-menu { background-color: grey; }}Else, set it ON, and try again.
The Logo is present, but since the header background is white and the logo as well, it get invisible. Add this code into your Custom Css box to make the header in mobile transparent (change the background value to any color you want):@media (max-width: 480px){ .header_wrapper { background: #ffffff00 !important; } #logo img.dark { width: 95% !important;} section#slider-fullwidth {min-height: 151px !important;} }Result screenshot: https://postimg.org/image/yplc7pl51/
Let me know.Best regards!
In reply to: codeless slider not working
This reply has been marked as private.Hi, my logo and menu are disappearing on the mobile site.
please can you tell me how to fix this.
http://www.sarahwaterhouse.org/yogaretreats
Thanks
In reply to: Switch earlier to responsive menu
Hello,
Yes, sure. Inside the
@media (max-width: 1055px)rule, add this code as well:header#header { background-color: white !important; }So the result code with be:
@media (max-width: 1055px){ .mobile_small_menu { display: block !important; } #navigation { display: none !important; } #logo { float: right !important; } header#header { background-color: white !important; } }Best regards!
In reply to: Switch earlier to responsive menu
Hello,
I tried adding this code via inspect element:
@media (max-width: 1055px){ .mobile_small_menu { display: block !important; } #navigation { display: none !important; } #logo { float: right !important; }}And this is the result: https://postimg.org/image/dev31vmdx/
Can you please try again? make sure to not have any errors in previous code that could interfere with the right execution of this block.
Let us know.Best regards!
In reply to: Mobile Menu
I know but there must be option for change mobile menu style. If the menu is long, It will look terrible. You should add this feature for upcoming updates.
In reply to: Mobile Menu
Hello,
Sorry but this is theme’s mobile menu default style. To apply such change requires coding that is not included in support. I suggest you hire a developer to do the changes for you.
Best regards!
In reply to: Mega Menu Background Color Issue
Hello,
Please go to General Options > Header Options > Dropdown Options & Mobile Menu, change the background color here.
Let us know if you need further help.Best regards!
Topic: Mobile Menu
Hi,
I use dropdown pages on desktop menu. However on mobile, the menu is very long. How to add open/close toggle for dropdown elements?
In reply to: Switch earlier to responsive menu
Hello,
Please add this code into your custom css box in General Options:
@media (max-width: 1050px){ header#header #navigation {display: none !important;} .mobile_small_menu {display: block !important;} #logo { margin-left: 40% !important;} }Let us know.
Best regards!
In reply to: Header style hangs the web page
Hello,
This is the responsive header style! You will see it in almost 99% of all available websites. When the screen size is smaller than the menu width, the mobile layout takes over. Where the menu is replaced with the mobile menu icon (three bars menu). It will unfold the menu items when tapped over (mobile) or clicked on (computer).
This is not an issue. You you want to change this, it’s ok. But we recommend you use custom css (in Additional CSS menu) or a child theme. So you won’t lose the changes in case of future theme updates.
Let us know.Best regards!
In reply to: Problems with the hamburger and dropdowns in header
This reply has been marked as private.In reply to: Website looks bad on mobile
Hello,
You can change the mobile layout of the slider in it’s options. See screenshot: https://postimg.org/image/oe3u6catx/
Go to the desired slide, select mobile icon and start editing the slide. Save changes. Increase further the title’s line-height if you want (I already moved the first title up) Clear cache to see changes reflected sooner.Can you please be more specific on the updates? I already send you the link to download the latest WP Bakery plugin in the last reply.
The included plugins have extended licenses. This means they can be used by any one purchasing our theme as long as they use the version included in theme folder. To use them, just install plugin from Plugins menu and activate again from the Plugins menu. This is enough to use the sliders normally. There is no need to activate it in the slider’s options.The only restriction of this type of licence is that you can not update it on your own terms.
The rules of the marketplace don’t allow us to give the plugin activation code. You can use the existing version without any problem. We update frequently all theme plugins to their latest versions in almost every theme release or in case when an urgent update is needed. So they are always fully compatible with the current theme version.If you want to buy a license by yourself this is allowed, but we thought that this isn’t needed because the version included works perfectly.
You are free to make the choice that best fits your needs.Best regards!