krown24

Yes, that worked. Here is what I did to make the logo left but bigger on big screens and then make everything centered on iPhones. First, unclick the cap logo size box. Then CSS this:

.navbar-wrapper .brand {width:28%; float:left;}
.navbar-wrapper .navbar {width:68%; float:right}

/* Change menu/navbar padding: 2nd and 4th for horiz padding */
.navbar .nav > li > a {
padding: 5px 16px 5px 16px;
/* and change font size in menu */
font-size: 16px;
}

/* Change font size of first letters in menu */
.navbar .nav > li > a:first-letter {
font-size: 16px;
}

@media (max-width: 480px) {
.navbar-wrapper .navbar {width:100%;
}
}

@media (max-width: 480px) {
.navbar-wrapper .brand {
width:100%; float:left;};
}
}

Yes, that helps for sure! Then just the issue of too much text remains, like the other person in that forum… thanks!

Thanks for the idea but taking the menu word off didn’t fix it.

I got it just how I want for a computer screen but I was hoping the mobile menu would like great, too.

https://dsupkischeek.com

When I use this code:

.navbar-wrapper .brand {width:23%; float:left;}
.navbar-wrapper .navbar {width:77%; float:right}

It no longer centers on mobile or smaller screens.

thanks!

See: https://www.ads-software.com/support/topic/slider-on-iphones?replies=5

Great thread. Where do you go to make the changes suggested? I can’t figure out where to find this code or type it. Thanks.

This was great! But when you scale down or go mobile, the text reverts to the default, any ideas?