Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 7, 2014 at 1:14 pm #331539
    chapdes

    Hi,

    You guys had given me a Quick CSS for decreasing the size of my Logo on smaller screen sizes, that used to work wonderfully:

    /*LOGO RESIZING*/
    @media only screen and (max-width: 767px) {
    .responsive .mobile_slide_out .logo img{ width: 165px;
    max-height: 10px !important; }
    }

    I had not updated my Enfold version until now, and all of a sudden the Quick CSS is not working anymore, neither on PC’s nor in smart-phones. Now, when I decrease the size of the browser, the logo increases its size.

    How can I fix this?

    Regards,

    Chapdes

    October 7, 2014 at 1:25 pm #331542
    chapdes

    Hi guys,

    How can I incresase the space between the heading and subheading sections in the special header?

    Regards,

    Chapdes

    October 7, 2014 at 1:37 pm #331546
    Yigit

    Hi!

    Can you post the link to your website please?

    Cheers!
    Yigit

    October 8, 2014 at 7:26 am #332159
    chapdes

    Hi,

    Link to site:

    http://formulas-excel.com/a/formulasyfuncionesdeexcel/

    Regards,

    Chapdes

    October 8, 2014 at 9:59 am #332231
    chapdes

    Hi Yigit,

    Please disregard previous link to the site. The actual link is:

    http://formulas-excel.com

    Thanks

    Chapdes

    October 8, 2014 at 1:20 pm #332360
    Yigit

    Hey!

    Can you please enable right clicking on your website? We need to inspect elements to provide you accurate custom CSS code

    Regards,
    Yigit

    October 8, 2014 at 10:13 pm #332743
    chapdes

    Yigit,

    Right-clicking enabled!

    Cheers!

    Chapdes

    October 9, 2014 at 3:54 pm #333297
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img { max-width: 100%; height: auto !important; }}

    You may need to adjust max-width value

    Cheers!
    Yigit

    October 9, 2014 at 10:06 pm #333461
    chapdes

    Thanks Yigit,

    The logo is resizing nicely, but now the left margin looks larger. How can I adjust the left margin in absolute pixels?

    Kind Regards,

    Chapdes

    October 11, 2014 at 7:54 am #334182
    Ismael

    Hey!

    Try this to adjust the left position:

    @media only screen and (max-width: 767px) {
.responsive .logo {
float: left;
position: relative;
left: -15px;
}
}

    Regards,
    Ismael

    October 11, 2014 at 12:53 pm #334302
    chapdes

    Hi Ismael,

    I had to cut out the “position: relative; left: -15px” parameters because they were eating a left portion of the logo.

    It seems like the “float: left” parameter works, but the left margin is now variable, depending on the width of the browser.

    Inside the header options of Enfold, and into the Header Behavior tab, I´ve always marked the “Let logo an menu position adapt to browser window” checkbox, because this places the logo to the browser edge, and keeps the left margin fixed, and this is what I want to happen when downsizing the browser, and when displaying on mobile devices.

    How can this be accomplished?

    Regards,

    Chapdes

    October 14, 2014 at 11:35 pm #335811
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
#header .container { width: 96% !important; max-width: 96% !important; }}

    Cheers!
    Yigit

    October 15, 2014 at 6:39 am #335940
    chapdes

    Hi !

    Thanks guys, everything’s working nicely now.

    Congratulations on your recent theme update. I loved the glassy header, it looks terrifically elegant.

    With the stuff you guys are adding to the theme, Enfold it’s becoming the easiest to use yet powerful enough theme in the market. The learning curve is peanuts, and it allows people to create beautiful pages in minutes.

    Please keep adding nice features to it.

    Kind Regards,

    Chapdes

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Logo gets larger on smaller screen sizes’ is closed to new replies.