Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 14, 2016 at 11:56 pm #565805
    Dzimnikov

    Hi guys,

    I’m a long time user of enfold, I love your theme.

    I’m having a bit of an issue with mobile responsiveness with the fullwidth easy slider. The background image adjusts perfectly, but when I look at the screen vertically, the bottom button of the slider gets cut out and the caption/subcaption are too big (they do not adjust to the mobile setting).

    Is there a way to fix this? When the phone is horizontal, there is no problem. I flip it vertically, and I lose the text.

    January 15, 2016 at 5:31 am #565944
    Rikard

    Hi Dzimnikov,

    The text seems to take up too much space there on tablet sizes, you could try something like the following in Quick CSS:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
.slideshow_align_caption h2 {
font-size: 34px !important;
}
.avia-caption-content {
font-size: 26px !important;
}
}

    You will probably have to experiment a bit with the font size values to get it right.

    Thanks,
    Rikard

    January 15, 2016 at 6:23 pm #566269
    Dzimnikov

    Does it not look on a tablet either? Whats the screen size of the tablet? Will have to test this at home. Will the frame around the text adjust as well if I edit the size of the text through css?

    Also, you guys used to have an edit css section under the appearance tab in previous versions. Is that gone forever in new versions? Is the small box in “general styling” the only way to edit css now?

    January 15, 2016 at 7:34 pm #566304
    Dzimnikov

    Its not responding at all too my inputs.

    Perhaps I’m putting in the code wrong? Or it doesn’t recognize the screen parameters? I even tried increasing the height of the overall caption section, so that the text/button will show – nothing. Something like this:

    @media only screen and (min-width: 250px) and (max-width: 480px) {

    .container.caption_container {
    height: 150px
    }
    }

    I’ve used css before to manipulate themes, but only on desktop really, to move things around and change colors.

    What am I missing here?

    January 16, 2016 at 6:56 am #566470
    Rikard

    Hi,

    What sizes are you trying to target exactly? The media query you posted looks to only target very small screens? Please try to explain a bit further and include an admin login in private as well. You’re missing a semi-colon in your code by the way: 

    .container.caption_container {
height: 150px;
}

    You might want to try the important statement as well to override current settings: 

    .container.caption_container {
height: 150px !important;
}

    Best regards,
    Rikard

    January 18, 2016 at 5:54 pm #567289
    Dzimnikov

    I included admin details in private in the first post.

    I was testing the look on mobile devices. I have a one plus one and this is what the slider looks like on it: http://tinypic.com/r/2i12fwn/9

    As you can tell, the text doesn’t adjust to mobile at all. The CTA button is pushed below the frame, making the slider inherently useless. The one plus one has a small screen, hence the small screen parameters.

    I’ve tried various things, nothing works. Can’t tell if I’m identifying the screen size improperly or declaring the properties that need altering improperly. Either way, its frustrating. Such a simple concept in theory.

    January 19, 2016 at 6:27 am #567628
    Rikard

    Hi,

    I adjusted the CSS for your slider a bit, please have a look at your site. I hid the description for screens under 480 pixels as well since there was no room for it.

    Best regards,
    Rikard

    January 19, 2016 at 11:49 pm #568236
    Dzimnikov

    It really weird that display:none works like a charm, but font-size: 10px doesn’t. This absolutely baffles me, as I literally had the exact same code as you, but one css command worked and the other didn’t (still doesn’t). No idea why its like that.

    Is there a way to increase the slider height on mobile, so that I can include the description, while also making the caption and descriptions smaller. That way I can fit everything in?

    Cheers

    January 21, 2016 at 4:16 am #569121
    Rikard

    Hi,

    Hiding a containing element is not the same as targeting the element which actually holds the text. For instance, if you have a structure like this: 

    <div class="container">
<h2>
<p>Your text here

    Adding this to your CSS won’t necessarily change the font size of the text:

    .container {
    font-size: whatever;
    }

    You would have to try to target it this way instead:

    .container h2 p {
font-size: whatever;
}

    Setting a fixed height for the slider won’t work well, try adjusting the text size instead.

    Best regards,
    Rikard

    January 26, 2016 at 12:41 am #571723
    Dzimnikov

    Hi, I’m having a bit of trouble with woo-commerce.

    I added variations to a product (based on an attribute), but the variations and their differences don’t show up. The item comes with different kit types, which come with different items, which I added to the back end, but that is not represented.

    How do I fix it? Name of the item is Cube 3D. Log in deets are in the first post.

    January 27, 2016 at 1:22 pm #572835
    Andy

    Hi!

    use a new ticket for a new question please. Ask WooCommerce support about this too, as they know their plugin best. Does it work for you when activating a default WordPress theme instead? Make sure to clear browser cache and hard refresh a few times. Deactivate all other plugins.

    Cheers!
    Andy

    January 27, 2016 at 6:00 pm #573109
    Dzimnikov

    I wish i can upload pictures here. The kit shows up, with the drop down display. When you actually go to select something from the drop-down, none of the variations show-up. Its essentially an empty drop-down. Everything is configured in the back end.

    It seems that the systems knows that the variation exists, but can’t locate the choices.

    Do you think its conflicting with another plugin?

    January 28, 2016 at 8:02 am #573542
    Rikard

    Hi,

    You can upload to a service like imgur.com or a public dropbox for instance and then link to them here. There might be a conflict yes, you can try to deactivate all other plugins to see if that helps.

    Thanks,
    Rikard

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