Border Removal - Small bar above Main Menu & Logo Size CSS - Support

Tagged: border, CSS, enfold, header, height, logo, size, theme, width

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

Author

Posts
May 23, 2014 at 6:45 pm #269201

jono713
Participant

Hey Guys

Loving the theme updates!

How do I remove the border around the Small bar above Main Menu? Im guessing its a simple CSS change however I’m not sure.

Also I get the following message when testing my website with Nibbler / Silktide Its related to my logo Image:

The width and height you specify in an image tag should be the same as the source image. If you want to resize an image in the browser, use the CSS width and height properties.

The original Image is 340px x 156px however I use the large header setting, this shrinks the image to 231px x 106px.

Is there a way to resize this image using CSS instead of it just being resized by the header container?

Many Thanks

Jonathan Lawton

May 23, 2014 at 6:46 pm #269202

jono713
Participant

This reply has been marked as private.

May 24, 2014 at 6:15 am #269440
Ismael
Moderator
Hi!

Thank you for using the theme.

The header shrink option is disabled. Please go to Enfold > Header Layout > Header Behaviour. Enable the Shrinking Header setting. You can remove the border or the box shadow of the header meta with this on Quick CSS or custom.css:
```
#header_meta {
border-top: none;
box-shadow: none;
}
```
Best regards,
Ismael
June 30, 2014 at 10:50 pm #285436

changegroup
Participant

This reply has been marked as private.

June 30, 2014 at 11:04 pm #285447

Josue
Inactive Moderator

Hi!

Try using the phone setting for that:
http://screencast.com/t/aKHhT5Fb

You can put HTML code there.

Best regards,
Josue

October 9, 2015 at 12:53 pm #516390
michaellausser
Participant
Hi,

sorry for picing up this old post. But I’m still also searching for a solution here.
I tried the posted code and also extended it for:
```
/*linie unter hauptmenu box */

.avia-menu-fx, .avia-shadow, #header_meta { 
background-color: transparent !important; 
border: none !important;
border-top: none !important;
box-shadow: none !important;
}
```
This line ignores all my tries to disappear.
http://madlener.wom.server49.vorschauseite.eu/

I also searched in the other topics here but nothing worked. If you could give me a hint this would be great.

THanks a lot !
Greetings
Michael
October 9, 2015 at 2:44 pm #516481

Yigit
Keymaster

Hi!

@michaellausser Can you please post a screenshot and show the changes you would like to make? Also, please create a temporary admin login and post it here privately.
Since you are not the OP, OP would be able to see your private content. If you would like to avoid that, please start a new thread

Cheers!
Yigit
Author

Posts