Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #389606

    Hi Genius
    A little help please.

    I Have 3 Problem

    1) In the desktop or tablet
    There is a margin at the top.

    However, There is no margin top of fullwidth slider in mobile

    Could the margin on the slider in the mobile ?

    mobile
    tablet

    ——————————————————————————————————–
    2) I want to center align the logo In Mobile

    Should I put some code ?
    tablet

    ———————————————————————————————————–
    3) When I update the enfold
    The code is changed?
    Take care of the appropriate code

    ================================================== * /
    media only screen and (max-width: 767px) {
    .responsive .container {
    width: 100%;
    }
    }

    This code is not working

    Well it worked , after the update
    Does not apply

    • This topic was modified 9 years, 1 month ago by thug0bin.
    #390223

    Hey thug0bin!

    1. Your wanting to create some padding on mobiles so it looks like how it does on desktops correct? Try adding this to a codeblock element in the page content.

    <style type = "text/css">
    .responsive #top #main {
      padding: 50px !important;
    }
    </style>
    

    If your only wanting a top margin then do this instead.

    <style type = "text/css">
    .responsive #top #main {
      padding-top: 50px !important;
    }
    </style>
    

    2. Add this to your custom CSS.

    .responsive .logo img {
      left: 50%;
      transform: translate(-50%);
    }
    .responsive .logo { width: 100% !important; }
    

    3. It looks like you got this sorted already.

    Cheers!
    Elliott

    #390407
    #390951

    Hi!

    For the thomasland site add this.

    .logo img { height: auto !important; }
    

    Or you can edit the image and remove the white space on the top and bottom of the image.

    Cheers!
    Elliott

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