Docs

[liz80y]

Hi there,

I have been having some troubles with making my homepage appear the same regardless of what screen you are viewing it on. For instance, on a large monitor you can clearly see my main slider image with the image credit written in the bottom right hand corner and also my main menu is a thin bar running along the top of the screen. When you view my homepage on a smaller monitor such as a laptop the image no longer has the credit on the bottom and the menu bar is double in thickness and looks a bit strange.

I really need this fixed as i’m ready to make my site visible to the public and i need to have the images clearly credited for legal reasons.

Are you able to help me out?

Thanks so much 🙂

[liz80y]

This reply has been marked as private.

[liz80y]

Also, I had a problem with making my custom headings in my blog post fit a mobile phone screen and was shown how to create .headingClass in the responsive text section of settings and then headingsClass in the class bar to fix this problem. This has worked great for my mobile phone, but when you look at the headings on a desktop computer they are huge. How do i get this sorted?

Thanks again 🙂

[Christopher]

Hi there,

Image credit is dislaying fine on my end, please see the attachment.
Please provide us with some screen shot in regards with menu thickness, check second attachment to see how it looks on my end.
Please define minimum and maximum font size under responsive text element’s settings.

Hope it helps.

[liz80y]

Hi Christopher,

Thanks for telling me about the max size for the font. worked well.

Now with the slider and menu not being responsive, i will attach a pic of my website on a large monitor (which has no credit visible but with menu slim as it should look – like it does on your screen) and also two images of the view on a laptop. These show the menu distorted and the credit showing in bottom corner (as it should be).

Thanks again.

[liz80y]

laptop images

[liz80y]

menu laptop

[Rupok]

Hi there,

To fix the menu, you can try this :

@media only screen and (min-width: 1156px) and (max-width: 1270px) {
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
  font-size: 11px;
}
}

@media only screen and (min-width: 960px) and (max-width: 1155px) {
.x-navbar .x-container.max.width {
  max-width: 100%;
  width: 100%;
}

.ubermenu-responsive-default.ubermenu {
  float: none;
  width: 100%;
}

.ubermenu .ubermenu-target-text {
  font-size: 14px;
}
.x-brand {
}
}

Hope this helps.

[liz80y]

Hi Rupok,

The menu is now fixed. Thank you.

I still need some help getting the image credit to appear on the bottom right hand corner of the slider when viewing on a large monitor. It appears perfectly on a laptop or mobile phone. See above images in previous message to see what i’m talking about.

Thanks so much 🙂

[Joao]

Hi There,

Please use the helper grid and snap to grid options, see image attached.

I have done on your first slider.

Hope it helps

Joao

[liz80y]

Thanks for helping. I can’t see any attachment.
I have found where the ‘helper grid’ and ‘snap to’ options are but not sure how i am to use them.

Thanks.

[Joao]

Hi There,

You just need to select One helper grid and the option Snap to lines and drag and drop.

Hope it helps,

Joao

[liz80y]

Hi,
I did what you said. Selected the first helper grid option then ‘snap to helper lines’ and nothing has changed. I still can’t see the image credit wording on a large monitor. I’m not sure exactly what you mean but drag and drop… what am i dragging and dropping. Sorry i’m not too familiar with slider rev.

[Rad]

Hi there,

Rev. Slider only responds to devices smaller than its designated grid size. Example, if your grid size is 1024px, then it will respond on devices with sizes of 980px (tablet) and 767px (mobile). But if you view it in device larger than 1024px then it will stay at 1024px. The background image will resize, of course, it’s part of the background’s nature.

Responsively is different from the fluid. And rev. slider isn’t fluid to take the size bigger than itself. If you wish to optimize it to larger devices, then change its grid size equal to your large device’s size.

Thanks!

[liz80y]

Hi Rad,

Thanks for the tips. I have had a play around with the grid size for the larger monitors and it just seems to distort both the large monitor AND the laptop now. No matter how big i seem to make the size you still can’t see the credit below also. Not sure what else i can do.

Thanks heaps.

[Author]

Posts