Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 9, 2015 at 10:35 pm #426235
    hermankittle

    For some reason when I use a “Section Background Overlay” on a “Color Section” within a page my Footer shifts to the left.

    I am using a Left Sidebar (or Header).

    When I take off the overlay it works fine… is there a way to get around this?

    Thank you very much for your time and consideration,

    Eric

    April 10, 2015 at 5:39 am #426355
    Yigit

    Hi hermankittle!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 769px) {
#socket,#footer { margin-left: 250px; }}

    Regards,
    Yigit

    April 10, 2015 at 3:35 pm #426618
    hermankittle

    Hey Yigit!

    I inserted the code you sent me and it absoutely helped the pages that had a “Section Background Overlay” but it shifted all pages that did not have it over 250px. I understand this is probably my error, or lack of CSS knowledge that is making this happen. Would you be able to help me out just a little more. I would like it where it only shifts over the pages that have the overlay.

    Thanks for all of your time and consideration,

    Eric

    April 11, 2015 at 5:52 am #426907
    Rikard

    Hey!

    Please try this instead: 

    #footer, #socket {
  padding-left: 20% !important;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#footer, #socket {
  padding-left: 25% !important;
}
}

@media only screen and (max-width: 767px) {
#footer, #socket {
  padding-left: 0% !important;
}
}

    Best regards,
    Rikard

    April 11, 2015 at 6:57 pm #427061
    hermankittle

    Hi Rikard! Thanks for the code. Unfortunately it is still doing the same thing as the first set of code. Now the footers on the pages with the Section Background Overlay are spaced correctly, but if a page does not have a Section Background Overlay, it is pushed 20% to the right

    April 13, 2015 at 8:41 am #427347
    Rikard

    Hey!

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply.

    Cheers!
    Rikard

    April 13, 2015 at 3:12 pm #427514
    hermankittle
    This reply has been marked as private.
    April 14, 2015 at 7:36 am #428028
    Rikard

    Hey!

    I’m having a hard time figuring out what is causing this, could you try to deactivate any plugins which might be causing a conflict? Also, do you have any customisation other than in the backend?

    Best regards,
    Rikard

    April 14, 2015 at 4:01 pm #428286
    hermankittle

    Hello Rikard!

    I deactivated all plugins and saw no change with or without the code you provided and have not touched any code other than what is in the Quick CSS. This is a multisite, but I dont know if that will make much of a difference…

    April 14, 2015 at 4:38 pm #428325
    hermankittle

    Hello Rikard,

    As of right now I just inserted

    .page-id-29 #footer, #socket {
  padding-left: 15% !important;
}

.page-id-8 #footer, #socket {
  padding-left: 15% !important;
}

.page-id-15 #footer, #socket {
  padding-left: 15% !important;
}

.page-id-11 #footer, #socket {
  padding-left: 15% !important;
}

    This embodies all of the pages that had the Section Background Overlay… its doesnt fix all of the problems, but I guess it will do for now.

    April 15, 2015 at 7:40 am #428719
    Rikard

    Hi!

    That’s the only solutions I could think of as well yesterday but I didn’t provide you with it since it’s not very user friendly. Are you ok for now or do want to make some further changes?

    Cheers!
    Rikard

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