Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 14, 2016 at 4:36 pm #648111
    jdrakeproductions

    hey guys any shortcode you can give me to make the logo at the top of my website a little bigger and move it a little to the left so it looks more centered with the menu button below? thanks

    http://www.hopeisenough.com

    June 14, 2016 at 4:46 pm #648118
    Yigit

    Hey jdrakeproductions,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .logo img { padding-top: 0; }

    Best regards,
    Yigit

    June 14, 2016 at 4:53 pm #648130
    jdrakeproductions

    the size is perfect. now how do i put a little padding between the logo and the top?

    June 14, 2016 at 4:57 pm #648133
    Yigit

    Hi,

    You can increase the padding-top value. You can set it to 5px for example :)

    Best regards,
    Yigit

    June 14, 2016 at 5:08 pm #648146
    jdrakeproductions

    ok that worked. so how about moving the logo a little to the left?

    June 14, 2016 at 5:14 pm #648150
    Yigit

    Hey!

    Please adjust left padding value as well

    .logo img { padding-top: 5px; padding-left: 10px; }

    Best regards,
    Yigit

    June 14, 2016 at 8:50 pm #648255
    jdrakeproductions

    hey the logo looks great now! one more question. can you help me get the logo bigger on mobile? on my iPhone it looks really small if I can get that bigger I will be good to go. thanks

    June 14, 2016 at 9:13 pm #648264
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive .logo img { padding: 0; }}

    Best regards,
    Yigit

    June 14, 2016 at 9:26 pm #648271
    jdrakeproductions

    logo on mobile looks perfect now. one thing i can’t figure out is now my menu on desktop is spaced the way I want it down from the logo but is cutting into the main full width banner. how do I drop that banner down just a little?

    June 14, 2016 at 9:32 pm #648272
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    .av-main-nav > li > a {
    padding: 5px 63px;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    June 14, 2016 at 9:56 pm #648279
    jdrakeproductions

    that didn’t seem to do anything

    June 15, 2016 at 5:47 pm #648783
    Yigit

    Hi,

    Please try changing the code to following one

    .av-main-nav > li > a {
    padding: 5px 63px !important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

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