bjbaron

I added the code in the CSS box but the spanish page is still not full width. I already had this code in the custom css: .page-id-690 .enigma_blog_wrapper .col-md-8 {width: 100% !important;} which I had to add to make the english home page full width when I first started the site. Thank you for your help.

Now when I switch the page from English to Spanish, it’s not full width again. Looks like there’s a right sidebar. I need the page to be full width. I don’t understand why it keeps changing. Here is the link to the page. Thanks for your support.

Thank you!

Sorry. My issue is resolved!

Sorry. The website is https://boynton.iwakiaquatic.com

Can I just eliminate the gray arrow that takes you to the top of the page just on the mobile version? Here is the link

That helped, thank you very much. Can I get the search box to center on the mobile version and take out the blue space above the logo so it’s tighter? Is it possible to pay someone there to login to make changes?

Can I eliminate the gray arrow that takes you to the top of the page on the mobile version? I’m not sure of which other images I don’t want to appear on the mobile version. I was just hoping there was some code I could put on an image so it didn’t show on mobile. Thanks.

I couldn’t see the image in your link. But I’ve changed the page to the default template and I still don’t see the sidebar. See screen capture here

Tried creating a new page with the page set to the default template. Still no sidebar. Sorry! here is the new page.

The header on my mobile version takes up almost a whole screen. Can I remove the email, phone and search box from the mobile header version altogether and just leave the logo and menu? LINK

My links are still wrapping. Here is all the custom code that has to do with the nav bar. Perhaps one is conflicting with another?
.navbar-nav {
float: center !important;
}

.collapse.navbar-collapse {
margin-top: 3px !important;
margin-bottom: 0 !important;
}
.nav.navbar-nav {
height: auto !important;
}
@media(max-width:480px){
.input-group {
float: left !important;
}
img#fsb_image{
display:none !important;
}

.navbar-default .navbar-nav > li > a {
padding: 10px 12px !important;
}
.nav.navbar-nav {
display: inline !important;
text-align: initial !important;
}

Hi is there any solution to making the nav bar full width? If not I will have to figure out an alternative for my additional links. Thanks.

Thank you for the code but the nav menu is still wrapping. (LINK)

It’s still wrapping. (LINK). Is there no way of making the navigation the full width of the screen?
Also on a mobile device the header looks so wide and the search box is cut off. Is there a fix for that? Thanks for your support!