Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 8, 2024 at 9:19 am #1464108
    bemodesign

    1. I need to move the Captions and button Up a bit on mobile view. Can you get me some CSS for this please?

    2. The Text also runs off the page instead of resizing to fit.

    3. The image stretches when I increase this code below. Is there a way to just increase the height without distorting the image? Like maybe it just increases the magnify and zooms in on an area?

    @media only screen and (max-width: 768px) {
    .responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
    height: 550px !important;
    }
    }

    Thanks!!

    • This topic was modified 1 month, 3 weeks ago by bemodesign.
    August 8, 2024 at 8:59 pm #1464170
    bemodesign

    Let me know on this when you get a chance. thanks again

    August 10, 2024 at 4:57 pm #1464324
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 425px) { 
	.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 0;
}
#top #wrap_all #main .avia-slideshow .avia-caption-title {
    font-size: 40px;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    August 10, 2024 at 9:53 pm #1464370
    bemodesign

    I didn’t move. How do I move the all the text and button, up higher?

    August 10, 2024 at 10:12 pm #1464375
    Mike

    Hi,
    This was for mobile, right?
    It looks moved for me, see below
    try to clear your cache.

    Best regards,
    Mike

    August 10, 2024 at 10:19 pm #1464378
    bemodesign

    I still doesn’t. I saw it start high and go back to original low spot. I even cleared cache.

    • This reply was modified 1 month, 2 weeks ago by bemodesign.
    August 11, 2024 at 1:21 pm #1464395
    Mike

    Hi,
    The css I posted above is for max-width: 425px, since it is for mobile only, what screen resolution is your screenshot from?
    try changing the max-width to suit your device.

    Best regards,
    Mike

    August 15, 2024 at 8:07 am #1464658
    bemodesign

    Thanks! And is there simple CSS to make the mobile logo larger?

    • This reply was modified 1 month, 2 weeks ago by bemodesign.
    • This reply was modified 1 month, 2 weeks ago by bemodesign.
    August 16, 2024 at 12:23 am #1464730
    Mike

    Hi,
    This css doubles it, try adjusting to suit:

    .av-hamburger-box {
	width: 70px;
	height: 16px;
}

    Best regards,
    Mike

    August 16, 2024 at 12:29 am #1464731
    bemodesign

    That made the hamburger icon wider, not the logo. How do I do logo larger?

    August 16, 2024 at 12:47 am #1464733
    Mike

    Hi,
    Sorry try this:

    @media only screen and (max-width: 990px) { 
.logo.avia-standard-logo img {
	max-height: 180px;
}
}

    Best regards,
    Mike

    August 16, 2024 at 3:19 am #1464738
    bemodesign

    thanks!

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘enfold fullwidth easy slider caption text move on mobile’ is closed to new replies.