Tagged: larger logo
-
AuthorPosts
-
September 30, 2014 at 9:14 am #327081
When viewing our web page less than 768px wide in mobile view:
1.) I need a header that is 200px tall.
2.) I need the logo to be 160px tall without it being chopped off.Your header with Enfold is a nightmare. It is very, very hard to get correct. Everything else is pretty good, but your header design is not friendly for customization. I understand all the pitfalls with headers and trying to make it work for all sorts of sites so that the menus work and everything else, so no explanation is needed.
I do not have a link for you to look at. Everything is being developed on local host and it can not be uploaded at this point for such a simple task. I am highly web literate, know CSS inside-out, and don’t need to be hand-walked on this. However, I cannot isolate
what CSS is preventing my logo from being seen in mobile view because your code is chopping it off somewhere around 80pixels tall. Is it a line-height setting? Padding? Margin? Pixels measurement? !important? A combination of all of these? Point me in the correct direction please. I have seen threads where manipulation of Javascript is required, but I doubt that’s what I need because I have a basic, old-school header that that doesn’t fix to the top of the browser as you scroll down the page. It doesn’t resize. It doesn’t do anything. It is an old school header 350px tall in a normal browser and 200px tall in mobile view. But your code is shrinking it tiny in mobile view which looks terrible.Again, I don’t have a preview page I can show you because everything is being developed on local host. So please don’t ask.
You always ask for a link when I give a perfect description what I need. We work on local host developing sites. The last help thread I asked about involved an Iframe. I figured it out on my own and decided to code things from scratch without using Enfold.This is a very, very simple thing to do with CSS if you are a coder, but it is taking us hours
to sift through your CSS to find out what is manipulating the header inside your code.Thx!
September 30, 2014 at 3:48 pm #327332Hey websitegurus!
Please try adding following code to Quick CSS and adjust as needed
@media only screen and (max-width: 767px) { .responsive .logo a, .responsive .logo img { margin: 0 auto; max-width: 100%; height: auto !important; max-height: 80px !important; width: auto; }}
We ask for a website link because we would like to provide accurate solution when it is not as simple as “.logo { display: none; }” for example :)
If that does not work, please post a screenshot so we can see the issueCheers!
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.