Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • August 5, 2014 at 2:45 pm #300238
    connect4consulting

    Hi,

    I am just about finished with http://elizabethsteinglass.com. I love the way it looks with the Enfold theme. Just need two final tweaks.

    1) I need to remove the bottom orange line that’s appearing below the av-masonry-gallery that I put in the header. See screenshot – http://awesomescreenshot.com/01e39fqhb9

    2) The home page has blog content – the most recent post – but it’s reformatting in an ugly way. I want the photo first and then the poem/content below that.

    Thanks for your assistance!
    Gabe

    August 5, 2014 at 3:00 pm #300250
    Yigit

    Hey

    1- Please change following code to

    @media only screen and (max-width: 1499px)
.html_header_top.html_header_sticky #main {
padding-top: 277px !important;
}}

    to following one

    @media only screen and (max-width: 1499px) {
.html_header_top.html_header_sticky #main {
padding-top: 255px !important;
}}

    2- Please add featured image to your blog post.

    Best regards,
    Yigit

    August 5, 2014 at 9:57 pm #300418
    connect4consulting

    Hi Yigit,

    Changing the CSS code didn’t do anything. What else could be the problem?

    Thanks,
    Gabe

    August 5, 2014 at 10:52 pm #300430
    Yigit

    Hey!

    Code is not being applied. Please try adding it to Style.css file of your child theme in Appearance > Editor

    Cheers!
    Yigit

    August 5, 2014 at 11:03 pm #300437
    connect4consulting
    This reply has been marked as private.
    August 5, 2014 at 11:32 pm #300439
    Yigit

    Hey!

    You had extra closing curly bracket in your custom CSS code. I removed it and now it is working fine. Please flush browser cache and refresh your page a few times

    Best regards,
    Yigit

    August 6, 2014 at 10:35 pm #300857
    connect4consulting
    This reply has been marked as private.
    August 7, 2014 at 3:50 am #300931
    Ismael

    Hey!

    What is your screen resolution? I edited the style.css file and it looks ok now. Please remove browser cache then reload the page a few times.

    Best regards,
    Ismael

    August 8, 2014 at 3:14 pm #301653
    connect4consulting
    This reply has been marked as private.
    August 8, 2014 at 5:42 pm #301751
    Dude

    Hey!

    Try to use this code instead.

    
@media only screen and (min-width: 989px) and (max-width: 1499px) {
.html_header_top.html_header_sticky #main {
padding-top: 255px !important;
}}

    It should exclude the mobile devices from the css rule. You can also replace 989px with another screen size (i.e. 768px).

    Regards,
    Peter

    August 8, 2014 at 10:47 pm #301831
    connect4consulting

    Hi Peter,

    I tried it but it didn’t work at all. Can you do me a favor and view the site on your phone? On my phone, I also see the code for a shortcode.

    Thanks,
    Gabe

    August 8, 2014 at 11:06 pm #301835
    Josue

    Hey!

    I adjusted the padding-bottom on the header, check it now.

    Best regards,
    Josue

    August 9, 2014 at 12:05 am #301859
    connect4consulting
    This reply has been marked as private.
    August 9, 2014 at 1:14 am #301865
    Josue

    Can you post a screenshot of your view on iPhone?

    August 11, 2014 at 8:26 pm #302852
    connect4consulting
    This reply has been marked as private.
    August 12, 2014 at 4:43 am #302982
    Josue

    Hi!

    You need to lower the size of the first heading when on mobile, try adding this:

    @media only screen and (max-width: 767px) {
.entry-content-wrapper h2.av-special-heading-tag {
    font-size: 18px !important;
}
}

    Regards,
    Josue

    August 12, 2014 at 4:51 pm #303305
    connect4consulting
    This reply has been marked as private.
    August 12, 2014 at 5:59 pm #303360
    connect4consulting

    Josue,

    This is what the main (non-mobile pages look like):

    http://awesomescreenshot.com/04b3aukwe9

    August 13, 2014 at 5:43 am #303637
    Ismael

    Hi!

    Not sure where the “[shortcode goes here]” part comes from. Did you add any code on functions.php? Add this on Quick CSS or custom.css to move the title container on mobile device:

    @media only screen and (max-width: 767px) {
.responsive #main {
padding-top: 0 !important;
margin-top: -21px;
}
}

    Regards,
    Ismael

    August 13, 2014 at 11:26 pm #304063
    connect4consulting
    This reply has been marked as private.
    August 14, 2014 at 4:33 am #304141
    Ismael

    Hi!

    The logo text adjusts properly on mobile screens. It doesn’t being cut off. Please remove browser cache then reload the page a few times.

    Regards,
    Ismael

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