Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   Proportional logo in header area (http://forum.bytesforall.com/showthread.php?t=23964)

egamess May 3, 2017 09:03 AM

Proportional logo in header area
 
2 Attachment(s)
Hi all,

I am using WP version 4.7.4 and Atahualpa version 3.7.24.
The site is: http://www.concisa.net.ve/2017

In the header area, I have a logo image (%logo). It is a unique bitmap image made of several logos. When I reduce the width of the browser, the logo image maintains its size. It is not reduced proportionally according to the width of the browser. However, the slider image does.

I am attaching the exported settings of the site and a screenshot where I highlight the problem.

Thank you for advising.

Eric.

juggledad May 4, 2017 11:33 AM

Because of the way Atahualpa was originally written (using tables) there is not an easy way to do this.

You might be able to use some jscript code to change it, but that is beyond the help I can give you.

juggledad May 4, 2017 04:30 PM

Actually I may have found a way. add the following to the ATO->HTML/CSS inserts->CSS Inserts option
HTML Code:

td.logoarea-logo {width: unset;}
td.logoarea-logo img.logo {
    height: auto;
    max-width: 50%;
}

You will have to mess around with the position of the title but I'll leave that as an exercise for you to do.

egamess May 5, 2017 08:16 AM

1 Attachment(s)
Thank you for your answer Junggle Dad.
Yes, with this code, it makes the logo image proportional.
But as you mentioned, now the title is not centered anymore.
I have tried to center it, but no success for now. See screenshot attached.

Thank you again.

Eric.


All times are GMT -6. The time now is 09:09 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.