Docs

[Zellous.org]

Greetings,
At our site: http://mainefilm.org the content is covered by the header and navigation area. When the size of the window is adjusted you can see how it is not responsive. How can we fix this?

[Rupok]

Hi there,

Thanks for writing in! It’s happening because you have set larger font size and spacing for the menu items but there is not enough space for them. You can try increase the container size for menu by adding this under Custom > CSS in the Customizer.

.x-navbar .x-container.max.width {
  max-width: 88%;
}

Hope this helps.

Cheers!

[Zellous.org]

Greetings,
I added the css in the customized css area and it did not appear to change. If you bring up a few of the posts in the top slider, you will see what I mean. Then if you grab the corner of your browser window and alter the size. The top content an the featured image will appear when you look for it while dragging the screen smaller.
Most of our viewers are complaining that they can not view content in their laptop or pad etc… We have gone over every setting we can think of and it does not seem to change this issue.
Any more suggestions?
Thanks for your help.

[Joao]

Hi There,

You can make your mobile Navbar Appear Sooner by adding the following code to Appereance > Customizer > Custom > CSS

@media (max-width: 1501px) {
    a.x-btn-navbar {
        display: inline-block;
        float: right;
    }
   .x-nav-wrap.mobile.collapse.in {
      display: block;
    }
   .x-nav-wrap.desktop {
    display: none;
   }
}

Other solution would be to decrease the link spacing of your navbar links on Appereance > customizer > Custom > CSS

Hope that helps

Joao

[Zellous.org]

Hello Joao,
That seemed to do something. Looks better. Thank you! We will test it over the next week and see how the fix proves itself.
Will Zell – MFVA

[Friech]

Cool, please feel free to get in touch with us regarding any further queries about the X|Theme and Cornerstone.

Cheers!

[Author]

Posts