Header Logo Issues - Support | Kriesi.at - Premium WordPress Themes

Tagged: header, logo, main-menu, remove

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

Author

Posts
May 4, 2018 at 12:22 pm #951585

mcbaile
Participant

I want to do one of two things but can’t seem to make it work no matter what I try.

1. I don’t show the logo on my homepage but on a mobile view on a page that does show the logo e.g. https://www.dineindulge.co.uk/blog/ the logo appears more in the middle rather than flush to left like the burger icon. So has the same space between the left side of the screen and the logo as there is between the right side of the screen and the burger icon. I’ve read through all your support questions and no code I can find seems to fix this.

2. If this can’t be achieved I just want to hide the logo altogether but again nothing I can find seems to show me how to do this.

Thank you

May 4, 2018 at 10:31 pm #951943

Basilis
Inactive Moderator

Hey mcbaile,

Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

Best regards,
Basilis

May 4, 2018 at 11:08 pm #951966

mcbaile
Participant

Ok that’s very surprising to here that there isn’t a bit of quick css to remove the logo or push it to the left as before 4.3 it was very easy to do. I’ll get my developers to do a hardcode adjustment to this then.

May 6, 2018 at 8:12 am #952261
Rikard
Keymaster
Hi,

I’m not sure if this what you are looking to achieve, but if you want to hide the logo on the home page then you can try this in Quick CSS:
```
.home #logo {
  display:none;
}
```
Best regards,
Rikard
May 6, 2018 at 9:53 am #952294

mcbaile
Participant

Thanks Rikard, but my developers had previously hardcoded into the child theme for the logo to not show on the home page.

What I wanted was to know if there was quick css for hiding it on all pages OR moving it flush left. I’m confused why the logo’s don’t show flush left on this them as it just looks odd in 4.3 where as there was an easy fix on previous versions.

I presumed there should be some easy way to just have it disappear site wide if you didn’t want it as the way it currently shows we’d be better off without it if the issue of alignment can’t be fixed.

Thanks.

May 6, 2018 at 9:58 am #952295
Guenni007
Participant
to 1) you must have set the rule yourself – you set the floating behavior to none !important – please try:
(find the code and erase it )

you set:
```
.responsive .logo {
    width: 300px;
    height: 100px;
    margin: auto !important;
    float: left !important;
}
```
get rid of margin auto and change it to:
```
.responsive .logo {
    float: left !important;
}
```
May 6, 2018 at 10:41 am #952300

mcbaile
Participant

Thanks, turns out that isn’t the issue and this QUICK CSS code solves the problem:

/* logo flush to the left */

@media only screen and (max-width: 767px) {
span.logo, span.logo img {
float:left !important;
}}

However, it only solves the issue on my development server which is an exact copy of the live, so live seems to be stuck with the same problem and looks like my developers have done something here which they’ll need to fix.

Thanks for all your help on this guys.

May 7, 2018 at 6:32 am #952507

Rikard
Keymaster

Hi,

Thanks for the feedback. If it’s working on your development site and the live site is updated then it should work there as well. Are you using any caching plugins? If so then please try to clear the cache from them to see if that helps.

Best regards,
Rikard
Author

Posts

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

You must be logged in to reply to this topic.