Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 26, 2016 at 3:10 pm #622215
    keifygeorge

    I would like to reduce the size of the responsive logo on my site so that there is some black space around it http://westcoasthammocks.com.au/. Do you know how I would do this?

    April 27, 2016 at 5:08 pm #623243
    Yigit

    Hey keifygeorge!

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

    @media only screen and (max-width: 480px) {
.responsive .logo img {
    max-width: 78%;
}}

    Cheers!
    Yigit

    April 28, 2016 at 12:36 am #623413
    keifygeorge

    have implemented it and doesn’t seem to have made any difference

    April 28, 2016 at 3:19 am #623459
    Vinay

    Hey!

    Please add the below CSS in Quick CSS

    @media only screen and (max-width: 767px) {
.responsive #top .logo img {
    max-height: 55px!important;
}}

    Cheers!
    Vinay

    April 28, 2016 at 4:24 pm #623865
    keifygeorge

    Still not working! westcoasthammocks.com.au login details provided

    April 28, 2016 at 4:27 pm #623866
    Yigit

    Hi!

    You were missing @ in one of your media queries. I added it. Please flush browser cache and review your website now

    Cheers!
    Yigit

    April 30, 2016 at 11:06 am #624914
    keifygeorge

    Still not working!

    May 3, 2016 at 5:28 am #626178
    Ismael

    Hi,

    I would like to reduce the size of the responsive logo on my site so that there is some black space around it http://westcoasthammocks.com.au/. Do you know how I would do this?

    Do you want to apply this modification for mobile screens? Or do you want to see it on desktop view as well? If you want this modification to be applied on mobile and desktop view, remove the css media queries: 

    .responsive #top .logo img {
    max-height: 55px!important;
    top: 20px;
}

    Best regards,
    Ismael

    • This reply was modified 8 years ago by Ismael.
    May 3, 2016 at 4:46 pm #626618
    keifygeorge

    I want it on mobile and desktop. I had the following

    .responsive #top .logo img {
    max-height: 55px!important;

    which I removed but didn’t have the top 20px

    Please can you check my CSS and see what is going on as I am confused now

    May 4, 2016 at 1:58 pm #627228
    Yigit

    Hi,

    Please try adding following code to Quick CSS

    .logo img {
    padding: 10px;
}

    If that too does not help, please post a screenshot and show the changes you would like to make. It sounds very simple but i believe are having a little miscommnunication :)

    Best regards,
    Yigit

    May 7, 2016 at 11:48 am #628586
    keifygeorge

    That did the trick – thanks!

    May 9, 2016 at 7:04 am #629031
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.