Overflow Betheme logo on mobile

DanielNolan · July 2020

Hello is there a way to overflow the logo on mobile much like you can on desktop with the overflow logo option in betheme settings for desktop? If not could I use CSS to achieve this? I want the logo to slightly overflow outside (below) of the mobile menu bar at the top

Pablo · July 2020

Hello,

Sadly, we do not have this kind of functionality for mobile, also we did not test it with the custom css code.

Please send us a link to your website.

thanks

DanielNolan · July 2020

www.refillnation.org

DanielNolan · July 2020

It does it with the sticky menu on mobile, I was just wondering whether you could help me achieve this with the main menu on mobile. That is all

Pablo · July 2020

Well, you will not be able to achieve that easily - it will require more than simply css code.

You can use the Muffin Header Builder, there is an option for overflow logo:

https://prnt.sc/tl77eu

Thanks

DanielNolan · July 2020

is there any way to only use the sticky menu on mobile?

Pablo · July 2020

If you are using the headers from the theme (Theme Options > Header & Subheader > Header), then you cannot use the sticky menu only on mobile - it's mentioned in the responsive settings, see the screen:

https://prnt.sc/tlupo3

With the Muffin Header Builder you can do that easily, just disable it on the desktop and enable on mobile.

See screens:

https://prnt.sc/tlur89

https://prnt.sc/tlurl3

Thanks

DanielNolan · July 2020

Also is there any way to make the icons smaller using the list widget in builder?

Pablo · July 2020

Icons (as image) will be really easy to change, you can use this CSS code:

html body .list_item .list_left img{
	max-width:50px !important;
	max-height:50px !important;
}

But, icons with our icons will be different, if you can, please send us a link to your website.

thanks

Overflow Betheme logo on mobile

Comments

This website uses cookies