Logo remove from front page?!

[lyrkacom]

Hi there,

Is there a way to remove the logo from the main page and that it appears in all the rest of the pages? If not is it possible to show the logo in the middle of the page in the front page and then on the left in the header?

[Bryan]

You can use this css code to hide the logo on main homepage:

.home .logo img {
    display: none;
}

Thanks

[lyrkacom]

Perfect thank you!

Can i make the menu disappear from the home page? Also a different code to make the cart disappear from home page? Finally i would like to know how to add a border around a particular menu button?

With other theme menu’s i would add cta through the menu interface and a border would appear.

Thank you!

[Bryan]

You can use this code to hide the menu from homepage:

.home .main_menu_wrap {
    display: none;
}

and this code to hide the cart from homepage:

.top-user-area .top-user-area-list li.top-user-area-shopping {
    display: none;
}

With the border around particular menu, please send me a screenshot about that item so i can help you do it.

Thanks

[lyrkacom]

This reply has been marked as private.

[lyrkacom]

Hi,

For mobile i added this but the logo does not disappear from the home page?

@media (max-width: 992px)
.st_logo_mobile .home .logo img {
display: none;
}

[Bryan]

Hello

Yes you can add more .home classes to the code to hide the cart icon from home page and also the second css code is incorrect.

You should edit my previous code to this:

.home .logo img {
    display: none !important;
}

to apply for all screen layouts.

Thanks

[lyrkacom]

Hi there,

I added the code you supplied but the logo is still visible on tablets / smartphones on the home page. I need it to be removed from any device, from the home page.

[Bryan]

You can try this code:

 @media (max-width: 992px){
 .home .st_logo_mobile {
display: none;
        }}

Thanks

[lyrkacom]

Wonderful! Thank you!

[Author]

Posts