Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • October 2, 2018 at 4:46 pm #1017145
    toniface

    Dear Sirs,

    In my Enfold website http://www.camporan.com in mobile version the slider don’t look nice. The images aren’t scaled neither center and don’t look well.
    And in the top the setion of social bookmarks is too higher and doesn’t appear the social icons. Below this section, in the top menu mixed the logo, the menu icon and the search bar.

    How can i fix this errors?

    Thanks!

    October 2, 2018 at 7:13 pm #1017183
    insanityNL

    Have you selected the option Responsive in the Layer Slider menu?

    October 2, 2018 at 7:55 pm #1017195
    toniface

    Dear insanityNL,

    Where is that menu and that option? I can’t find it.

    Thanks!

    October 2, 2018 at 8:46 pm #1017226
    Victoria

    Hi toniface,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    October 2, 2018 at 11:01 pm #1017243
    toniface

    Dear Victoria,

    Attached acces.

    Thanks!

    October 4, 2018 at 1:22 pm #1017876
    Victoria

    Hi toniface,

    I adjusted the me nu for you to change to burger on screens below 990px in the theme options for the Spanish version, you might want to do it for other languages.

    As for the slider, you’re using a fullscreen slider, which commands a certain height and so the image always have to have the height of the screen and the images used have the landscape acpect ratios and so they do not seem to adjust and not look good in portrait mode. I think in this case it si better to use a fullscreen slider on desktop screens sizes and then use full-width slider for tablet and moblile, with images optimized for smaller screens and that slider can be adjusted more easily.

    Best regards,
    Victoria

    October 4, 2018 at 1:22 pm #1017878
    Victoria

    Hi toniface,

    I adjusted the me nu for you to change to burger on screens below 990px in the theme options for the Spanish version, you might want to do it for other languages.

    As for the slider, you’re using a fullscreen slider, which commands a certain height and so the image always have to have the height of the screen and the images used have the landscape acpect ratios and so they do not seem to adjust and not look good in portrait mode. I think in this case it si better to use a fullscreen slider on desktop screens sizes and then use full-width slider for tablet and moblile, with images optimized for smaller screens and that slider can be adjusted more easily.

    Best regards,
    Victoria

    October 7, 2018 at 10:55 am #1018634
    toniface

    Dear Victoria,

    I can’t see any difference in the head of the menu. I need that be optimized for mobiles in all languages, because now it’s in catalan and spanish but early will be in English and french also.

    I don’t understand how do the changes for the slider. Can you explain me? I think that this thema was fully optimized for mobiles.

    Thanks

    October 10, 2018 at 7:53 am #1019816
    Victoria

    Hi toniface,

    You need to have this options selected for all languages in the theme options:
    Image 2018-10-10 at 07.51.38.png

    The theme is optimized for mobile, but the way the image is shown on mobile does not work for you and so I was telling you what other options you have.

    Best regards,
    Victoria

    October 10, 2018 at 5:10 pm #1020019
    toniface

    Dear Victoria,

    It’s OK, but i don’t understand how do this other options. Can you explain me with more detail for the 2 problems, the menu items and the slider images?

    Thanks

    October 12, 2018 at 8:23 pm #1020816
    Victoria

    Hi toniface,

    I adjusted the setting for the menu in the theme options in all languages.

    As for the slider, you can hide it for the small screen sizes using the screen options and make a slider better with images better optimized for mobile. And use a full-width slider instead.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 15, 2018 at 7:49 pm #1021746
    toniface

    Dear Victoria,

    Sorry, but I can’t see any changes in menu items and bars. The Top the setion of social bookmarks is too higher and doesn’t appear the social icons. Below this section, in the top menu mixed the logo, the menu icon and the search bar. PLease, check it and solve or tell me how can be fix I.

    And sorry, but I don’t know how can be create a new slider only for mobiles. Can you explain me how can we do?

    Thanks!

    October 16, 2018 at 6:21 pm #1022303
    Victoria

    Hi toniface,

    Please attach a screenshot of what you’re seeing and what is wrong, with the words we are not really getting there.

    Best regards,
    Victoria

    October 16, 2018 at 7:00 pm #1022329
    toniface

    Dear Victoria,

    Attached image in private section.

    In the upper section, where the flags it’s very hiigh.
    Below the menu has items mixed one over other (Logo, Menu Item, search lens)
    And below the slide image it’s very big and can’t see correctly. For this you told me how fix but I don’t know how can be create a new slider only for mobiles.

    Thanks

    October 18, 2018 at 7:47 am #1023178
    Vinay

    Hi,

    Thank you for sharing the screenshot, There is simply not enough space to display the elements in the mobile header. In your case, we can hide the search and cart icons. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Hide search and cart */


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

.responsive #top #menu-item-shop,
.responsive #top #menu-item-search {
  display: none;
}

}

    Best regards,
    Vinay

    October 27, 2018 at 8:01 pm #1027182
    toniface

    Dear Vinay,

    I fixed this problem, thanks. But still having the problem with the slider in mobiles. The slide image is very big and can’t see correctly.

    Another moderator, Victoria, told me that I can hide it for the small screen sizes using the screen options and make a slider better with images better optimized for mobile. And use a full-width slider instead.

    But I don’t know how made it. Can you explain with more details (Like I was dumb. Sometimes I think I am)

    Thanks

    October 29, 2018 at 12:43 pm #1027484
    Victoria

    Hi toniface,

    You need to put the full-width slider on the page at the bottom of the other slider and using screen options
    Image 2018-10-29 at 12.41.20.png

    Set the first one to display on desktop and tablet and the other one to display on mobile.

    Please let us know if you have any more questions.

    Best regards,
    Victoria

    November 11, 2018 at 2:27 pm #1032213
    toniface

    I have it!!!

    Thanks, Victoria and Vinay for your patience…

    I did not understand … but finally my brain turns on !!!

    Thanks!!!!

    November 12, 2018 at 9:06 am #1032480
    Rikard

    Hi,

    Thanks for the update :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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