Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 2, 2015 at 7:58 pm #389606
    thug0bin

    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, 9 months ago by thug0bin.
    February 3, 2015 at 5:24 pm #390223
    Elliott

    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

    February 3, 2015 at 10:07 pm #390407
    thug0bin

    Thankx Bro~!

    Although both use the same CSS code

    One out content becomes full, (2.xx)
    http://i100photo.com/portfolio-item/%EC%85%80%ED%94%84%EC%9B%A8%EB%94%A9-%ED%94%84%EB%A6%AC%EC%9B%A8%EB%94%A9-%EB%8D%B0%EC%9D%B4%ED%8A%B8%EC%8A%A4%EB%83%85-%EB%B4%84-%EB%AF%B8%EB%8B%88%EB%93%9C%EB%A0%88%EC%8A%A4-%EC%9B%A8%EB%94%A9-2/

    One has a margin on both sides (3.xx)
    http://thomasland.co.kr/portfolio-item/%ED%8E%B8%EC%95%88%ED%95%9C-%ED%99%88%EC%8A%A4%EB%83%85-%EB%94%B0%EB%9C%BB%ED%95%9C-%ED%99%88%EC%B4%AC%EC%98%81/

    In short, 100% width code is not working

    I’m sure I saw 3.XX version
    It has encountered a problem

    Can I get help?

    February 4, 2015 at 10:01 pm #390951
    Elliott

    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

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