Docs

[TheMobilityShop]

1) how can you have a fixed nav bar and top bar but still view menu on mobile

I have tried several of the fixes however I am unable to get the menu to scroll on mobile. what is the solution

2) Also the size of the top bar changes depending on the page – its ok on the homepage but on other pages the nav bar starts to overlap it.

wwww.themobilityshop.ca

[TheMobilityShop]

http://www.themobilityshop.ca

[Christopher]

Hi there,

#1 Please find and remove this code :

@media (max-width: 979px){
body.x-navbar-fixed-top-active .x-navbar-wrap {
    margin-top: 46px;
}
}

#2 You should move CSS codes from cornerstone settings tab to cutomizer to make them global.

Hope it helps.

[TheMobilityShop]

Thanks for the quick response, it didn’t work but I went with some other options, I decreased the font size and padding and opted to go with the overlapped navbar/topbar as it allows for more screen space.

[Christopher]

Let us know if you have further questions.

[TheMobilityShop]

How do you get the nav bar to show below the top bar in mobile?

http://www.3HLTOUR.com

[Christopher]

Hi there,

Please add this code:

@media (max-width:768px){
.x-navbar {
    top: 79px;
}
}
@media (min-width:767px) and (max-width:979px){
.x-navbar {
    top: 33px;
}
}

Hope it helps.

[TheMobilityShop]

Great Thanks,

Now how do you shift the content down as well as it is being overlapped by the nav bar now

[Christopher]

Hi,

Please update previous code to :

@media (max-width:768px){
.x-navbar {
    top: 79px;
}
body header.masthead.masthead-inline {
    padding-bottom: 218px;
}
}
@media (min-width:767px) and (max-width:979px){
.x-navbar {
    top: 33px;
}
body header.masthead.masthead-inline {
    padding-bottom: 138px;
}
}

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[TheMobilityShop]

Thanks that worked great.

[Rad]

You’re welcome!

[TheMobilityShop]

I am having a lot of difficulty with both sites and the top bar / nav bar

I look at this site below also made with X and their top bar and nav bar are spaced out properly and everything flows but when I look at our sites I cannot replicate this

Example site: http://bailiwickers.com/product-category/vintagetreasures/

Our sites: http://www.3hltour.com http://www.themobilityshop.ca

What can be done??

[Jade]

HI there,

Would you mind providing your admin credentials so we can check the codes added in the topbar section of the customizer?

Thank you.

[TheMobilityShop]

URGENT

I have implemented the code above on http://www.3HLTOUR.com however on mobile the top bar button “Get Tickets” cannot be selected. What is causing this?? It seems to work on the Laptop.

Please let me know what is happening. Thanks

[TheMobilityShop]

This reply has been marked as private.

[Author]

Posts