How to change the top menu height and change the blog's URL

Sparkling
1

Hello.

  1. I have previously changed the height of the header of the this sparkling theme. I’ve changed the header height to 50px (See this thread: https://colorlibsupport.com/t/how-can-i-edit-the-theme-header-width-and-main-color-theme/#post-69965)

Now the top menu’s height is larger than the header. how can i change it according to the header’s height?

Blog: kandyauto.lk/blog

  1. Also i need to change the url link to the blog’s logo to my main site’s url. (currently it is linked to kandyauto.lk/blog but i need to link it to main site kandyauto.lk)

your support will be highly appropriated.

2

Hi @hashker,

I hope you are well today and thank you for your questions.

1. I have previously changed the height of the header of the this sparkling theme. I’ve changed the header height to 50px (See this thread: https://colorlibsupport.com/t/how-can-i-edit-the-theme-header-width-and-main-color-theme/#post-69965)

Now the top menu’s height is larger than the header. how can i change it according to the header’s height?

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS



nav.navbar.navbar-default {
    height: auto;
}
2. Also i need to change the url link to the blog’s logo to my main site’s url. (currently it is linked to kandyauto.lk/blog but i need to link it to main site kandyauto.lk)

You can try achieving this by using the attached small plugin specially developed for you that contains some custom code.

Best Regards,
Movin

3
You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

when i add this code header get’s bigger. I need to keep the height at 50px both menu (when selecting) and header. previously u gave me a code to set the header height at 50px. (this thread: https://colorlibsupport.com/t/how-can-i-edit-the-theme-header-width-and-main-color-theme/#post-69965)

pls help. my blog kandyauto.lk/blog

4

Try using below CSS code instead of above.


#page .navbar-default .navbar-nav > li > a {
    padding: 9.5px 15px;
}