JA Resort - Logo Resizing Erratically

bsorli

Hello,

I've been cleaning up our CSS code and custom.css on our front page and also looked at multiple Forum pages about Logo problems with JA Resort and similar is having. Nothing so far has panned out fixing the varied shrinking and jumping that's occurring with the logos at the top an bottom of page. JA Resort logo is supposed to be Center Justified and then Left Justified depending on screen size and this is okay.

Bottom is less of a problem since it's left Justified, but Top Logo position seems to shrink and expand the logo all over the place depending on screen size and device viewing. Here's a video link showing my problems and would love some help and suggestions.

Ninja

bsorli
Hi
The logo move to center only for the Large devices
About the issue of resize the style is defined based on the standard screen sizes devices.
Can you tell me what is the screen size on which you have the issue .
Here is a thread suggestion if you want to stop the logo in center https://www.joomlart.com/forums/d/33506-logo-suddenly-starts-moving-to-the-middle-ja-resort/10

bsorli

Ninja

We like the logo in the middle and left also works, so that's not a problem. Our Issue as shown in the video...is the size of the logo depending on the device. Yes most people don't shrink and expand websites, but a consistent size small, medium and large would be preferred instead of some times being so small...it's unusable.

Is it possible to lock the size or set two size large and small depending on the device viewing the website?

Ninja

bsorli
Hi
If there is no issue with the logo placement its get resize based on the screenshot size but not for an y standard devices. Kindly let me know the device size on which you have the issue (not resizing a window).

bsorli

Ninja

Screen size and logo image adjustment is automatic based on responsive coding built into Joomlart templates and T4/T3 framework. I don't have to do anything and yes the Logo images shrink and enlarge all based on what's loading the pages. Tablets (widescreen) show Logo image Center and shrunk slightly from normal desktop browsing. Desktop also depends on screen size and I've set limits using JA-Resort default options so that both menu and logo images only view on large screen displays.

Looks like I'll have to pull out some docs for HTML 5 and Bootstrap 4 options to eliminate the Logo Image from adjusting in size and setting on one specific logo image size that will work on most or 80% of my viewers. Figured this was built-in to JA/T4 templates by default, but maybe my questions was simply too confusing to figure out the problems I'm having. Thanks anyways....

Ninja

bsorli

Ninja Kindly let me know the device size on which you have the issue (not resizing a window).

Can you provide me screen sizes and device name as this will help me to get the issue and share a fix with you.
In T4 the Logo is defined in the Header. Template layout options > edit header code : http://prntscr.com/12g7s5b to define custom class. By default it use the Bootstrap 4 column classes.

Regards

bsorli

Ninja When I load Responsive Design Mode and view the page anything above 1000px the logo size auto shifts just slightly depending on how large the window expands. It's obviously using a percentage as shown earlier, but these sizes sometime slice the image so small making it unusable.

I'll did into the header code as previous done and see what adjustments I can make to Bootstrap 4 column classes. No rush and time to tinker/learn with things I normally don't have to mess with.

Ninja

bsorli
Hi
Since you are not using head right position you can replace col-xl-9 with col-xl-12 and it will show you big size logo.
https://prnt.sc/12g7s5b

bsorli

Ninja

Thanks and helps a little, it nolonger shifts the image size drastically now that I've made the col-xl-12 adjustment and just fluctuates between two sizes (medium and large).

Thanks for suggestion and I think we're done!