VW Industrial Pro – Header/Menu Font Size

Tagged: Custom Size, Edit Header, header, logo, Logo Size, menu, Menu Size

This topic has 5 replies, 3 voices, and was last updated 11 months, 2 weeks ago by developer vwtheme.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
January 27, 2020 at 5:03 am #37961

DaShawn Shafer
Participant

I purchased the VW Industrial Pro theme, but I am having trouble adjusting a few of the header elements. The following URL is the correct site for both of the questions below.
URL: http://www.qtoolservice.com/qts

1. I would like to make the menu text slightly larger (increase of 2-3px), as well as move the “contact us” link onto the same line as the rest. I have tried removing the search bar and all social media icons, but the header menu will not shift.
2. I would like to increase the size of our company logo on the header. I would like the logo to fill the entire available space.

January 27, 2020 at 10:10 am #37987

developer vwtheme
Participant

Hi,

Thank You for choosing us!

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.

#header .logo img {
max-height: unset;
width: auto;
}

.main-navigation a {
display: block;
text-decoration: none;
text-transform: none;
margin: 0px 10px;
font-size: 18px;
color: #ffffff;
font-family: “Nunito Sans”;
font-weight: 600;
padding: 5px 0px;
}

If you need further assistance or clarification please let us know.

Thank You.

January 30, 2020 at 7:00 pm #38415

DaShawn Shafer
Participant

Would it be possible to extend the length of the header to the full width of the page?

URL: http://www.qtoolservice.com/qts

January 31, 2020 at 12:06 pm #38480

developer vwtheme
Participant

Hi,

kindly please send this to [email protected] so that we can help you.

Many thanks!

May 11, 2023 at 11:28 pm #92432

Brooke Rodriguez
Participant

Hello, I have VW Startup Pro, and since upgrading to newer version the menu font is now extremely small and an odd font that does not match the rest of the site standard font. I tried the CSS code you provided above, but it didn’t do anything. Dev site is https://hastingsfcu.tempurl.host/

May 12, 2023 at 11:33 am #92457

developer vwtheme
Participant

Hi,

To change font size,

Navigate to Dashboard >> Appearance, Personalise >> Further CSS >> Add the provided CSS there >> Publish.

.side-navigation a {
font-size: 16px !important;
}

Thanks
Author

Posts