bestfitbybrazil

[bestfitbybrazil]

I can’t remember if code was created for this feature.  However, the only thing i need from you is how to make the movie stick on scroll so it looks like the image i sent before this using css.  The upper red section of menu should just scroll away as it is doing now, and leave only the black menu.  Logo is already set up on the menu.  Just need to make it stick.

[bestfitbybrazil]

ok this is how i’m set up on live server.  its a little different than where we were.  but i think it might be better to start here.

on the desktop everything is fine with sticky DISABLED because i believe you coded something long time ago and it looks like this:

 

DESKTOP looks like this

My header set up is this  3 layers. red bar with icons, second bar with logo name and 3rd with main menu

When i scroll this is what it looks like:

Logo moves to left side of menu bar other bars disappear (PERFECT)  This is just what i want to happen

On my mobile this is what it looks like BEFORE scroll

when i scroll menu DISAPPEARS.  does not stick.  the menus disappear after scroll.  i think i need code so somehow we could be able to keep logo title so it looks like this AFTER scroll

[bestfitbybrazil]

ok that works on the desktop but now the mobile sticky is is not working.

[bestfitbybrazil]

Still showing both lines.

first row with icons and second with menu when scrolled

[bestfitbybrazil]

i was able to fill color with this code, but not with theme feature. but how do you make the 1 bar for menu items so not so thick on desktop and still show logo when scroll?

.header-sticky .header__mid {
box-shadow: none;
background: black;
}

Menu and Social media icons should be on same line and “sexy leggings usa” logo name should drop to left side of same row like https://bestfitbybrazil.com does now when you scroll

[bestfitbybrazil]

when i change the css code background from “none” to “black”, it changes the color, but the problem is its too thick.  its not 1 bar menu, but 2 bars. how can we make the menu move up to top bar on desktop and keep name logo showing on both mobile and desktop?

[bestfitbybrazil]

i put the css code. then changed the header sticky background color to black.  still showing transparency.  You said delete the css code i just put in??

[bestfitbybrazil]

ok you can check https://sexyleggingsusa.com.  Sticky is enabled.

[bestfitbybrazil]

No.  i turned off sticky sense you can’t see menu button very good on mobile because of the transparency.  Website is https://bestfitbybrazil.com.  were you looking at wrong site?  Do you need me to turn it on again, or do you need access?

[bestfitbybrazil]

ok you made it work somehow.  how?  i have on my page this product slider called “Trending”  and there are no margins set to indent the element in WPBakery.  I think you did it in css or something.  Does this work easier in Visual Composer?  i have this also.

 

product slider element “Indented margins”

 

Responsive settings on devices

page settings in wpBakery

[Author]

Posts