Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 3, 2017 at 10:51 am #742321
    lleonera

    Hey guys!

    I added a header widget near my logo. To do so I followed the instructions of enfold (add code in the functions.php) And then I used this code to relocate:

    #header .widget {
    left: 15%;
    padding-top: 0;
    position: absolute;
    top: 10;
    transform: translate(-50%);
    z-index: 999;
    }

    It works fine the problem is that is not responsive. There is any code I can added to make it responsive? Also when the logo area gets smaller when scrolling the screen.

    Thank you much!

    February 3, 2017 at 11:17 am #742330
    Guenni007

    it might be much easier to give some advice with the link to your site.

    February 3, 2017 at 3:29 pm #742401
    Vinay

    Hi,

    I believe the 24H badge is the widget area? It’s placement is perfect the only issue i noticed is the logo runs into it in mobile mode.

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

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 60%!important;
    margin-left: 60px;
}}

    Best regards,
    Vinay

    February 6, 2017 at 7:02 am #743177
    lleonera

    Hi Vinay!

    Yes it’s the 24H badge. Your CSS code works perfectly! Thank you so much.
    The only issue is when I scroll down the page the 24H badge doesn’t gets smaller as the logo and gets above in the menu.

    There is any way to fix it?

    Thank you so much for you time

    February 6, 2017 at 8:13 am #743190
    Basilis

    Hey!

    You would need to add some custom CSS that will resize the image.
    Please consider to hire someone who will help you with the task as that is outside from our main support policy.

    Thanks a lot for your understanding

    Best regards,
    Basilis

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