Mobile menu font + logo

  • Resolved chriswebguy

    (@chriswebguy)


    5 years, 5 months ago

    I need to edit the hamburger menu on the tablet and mobile views. When it responds to mobile, the menu fonts enlarge and the logo doesn’t change in size. What is the CSS codes so I can edit them to change the font size and make the logo responsive?

    I am using Zakra Construction site at sparkselectric.ca

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Ashesh Magar

    (@asheshmagar)

    5 years, 5 months ago

    Hi @chriswebguy,

    Can you try adding the custom CSS and check if it helps:

    .tg-mobile-navigation li a {
    font-size: 14.4px;
}

    You can set the font-size property value however your like.

    As for the site logo please try adding this custom CSS:

    @media (max-width: 768px) {
    .tg-block .site-branding {
        max-width: 70%;
    }
}

    Sincerely,
    ThemeGrill Support

    Thread Starter chriswebguy

    (@chriswebguy)

    5 years, 5 months ago

    Thank you! The font size worked.

    For the logo code, it changes the side but not the position. The logo stays above the menu to the left in the customize WP feature. In Elementor, it fits.

    • This reply was modified 5 years, 5 months ago by chriswebguy.
    Ashesh Magar

    (@asheshmagar)

    5 years, 5 months ago

    Hi @chriswebguy,

    I have slight confusion regarding your query. Do you want to change the position while you are on a mobile view? If yes then we have provided an option to change the header style in mobile view via Zakra Pro please contact us via https://zakratheme.com/ chat support for further discussion.

    Sincerely,
    ThemeGrill Support

    Thread Starter chriswebguy

    (@chriswebguy)

    5 years, 5 months ago

    Thank you !

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile menu font + logo’ is closed to new replies.