Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 3, 2016 at 3:38 pm #668091
    Dbertelsen

    Hi guys,
    I have two issues here:
    1) I have three custom header widgets (date widget; clock widget; stock quote widget), on a line above each other. When I reduce the screen size, the headers start to overlap each other. I need them to just disappear completely when the pixel width of the browser/viewport makes the elements overlap. Whats the CSS?

    2) I have a slider with captions and buttons. Again, it all looks great in full-screen mode, but when the window reaches a certain pixel limit, the buttons don’t fit in the slider and the caption overlaps itself. I need both captions and buttons to disappear when the critical pixel width is reached. Whats the CSS?

    I have provided the page and login info in private content.

    Thanks a million, you guys are the best!

    • This topic was modified 8 years, 4 months ago by Dbertelsen.
    August 4, 2016 at 1:08 pm #668552
    Dbertelsen

    Anyone who has an idea how to fix this?

    August 7, 2016 at 11:29 pm #669538
    Dbertelsen

    No one?
    I could really use some input here :-/

    August 8, 2016 at 2:38 pm #669826
    Yigit

    Hi,

    Sorry for the late reply!
    1- 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) {
#header .widget {
    display: none;
}}

    2-

    @media only screen and (max-width: 480px) {
.slideshow_caption {
    display: none;
}}

    Best regards,
    Yigit

    August 9, 2016 at 1:34 am #670111
    Dbertelsen

    Thanks Yigit – you’re a lifesaver as usual!

    However, I still need the buttons of the slider to be adjusted.
    Preferably, I would like them to be positioned a bit “higher” (maybe 10-20px higher than current position). Finally, I need them to not show on viewports below 1000px.

    Can you help? This will be the last request I have :-)

    August 10, 2016 at 3:23 pm #670861
    Yigit

    Hi!

    I replied you here – https://kriesi.at/support/topic/size-of-caption-buttons-in-fullwidth-easy-slider/ regarding moving buttons higher. And it seems like you have already figured out a way to remove the buttons on smaller screens.
    I am marking this thread as resolved. Let us continue on the other one :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Slider and header widgets not showing correctly in responsive’ is closed to new replies.