Keyword

NumodusVersus template - Mobile layout

  • juan sanchez
  • juan sanchez's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 2 months ago #139421 by juan sanchez
NumodusVersus template - Mobile layout was created by juan sanchez
Hi Support,

I'm working with your great Numodusversus template and I found a couple of issues while looking at my webs in any tablet or mobile phone. See attached screen (from my Ipad):

1. You can see there is a white space column across the whole screen at the right side.
2. When I swicth the table from "horizontal" to "vertical" position, the logo becomes much bigger as it was not a responsive template.

Could you please give me some feedback on above issues?

Thanks in advance,

Regards

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 2 months ago #139422 by Krikor Boghossian
Replied by Krikor Boghossian on topic NumodusVersus template - Mobile layout
Hello Juan,

The template is responsive.
You might need to specify an extra max-width for your logo in certain viewports.

For the white space I will need a link to the issue.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • juan sanchez
  • juan sanchez's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 2 months ago #139423 by juan sanchez
Replied by juan sanchez on topic NumodusVersus template - Mobile layout
Thanks Krikor!!

Find below link for reproducing the issue:

www.gineonline.com

Thanks in advance,

Regards

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 2 months ago #139424 by Krikor Boghossian
Replied by Krikor Boghossian on topic NumodusVersus template - Mobile layout
Your logo is 4312px wide more than two HD videos. That is why the image is expanding. You should upload a much smalled logo.

The right gap is caused by the sclogin module.
You need to add this snippet in your custom.css file
.searchMod { width: auto; }

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • juan sanchez
  • juan sanchez's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 2 months ago #139425 by juan sanchez
Replied by juan sanchez on topic NumodusVersus template - Mobile layout
You are a star!! The logo is much better now, thanks.

Regarding the right gap we are much closer but still small issue: now the logo, menu and the button for the login are not aligned (which they were aligned before). See screenshot in:

imgur.com/3p3yrOR

Thanks a lot for your amazing support!!

Regards

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 2 months ago #139426 by Krikor Boghossian
Replied by Krikor Boghossian on topic NumodusVersus template - Mobile layout
Hello Juan,

You 're welcome :)
h1#logo { margin-top: 5px;  }
header { padding-top: 15px;  }

Paste this snippet in your custom.css

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • juan sanchez
  • juan sanchez's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 2 months ago #139427 by juan sanchez
Replied by juan sanchez on topic NumodusVersus template - Mobile layout
Thanks Krikor,

The last question: I would like to reduce the size of the logo while openning the web in mobile devices like tablets. I saw in the template manager (Template parameters) there are a few file selections for the logo:
57x57px icon for iOS devices
72x72px icon for iOS devices
etc...

Are these options suitable for my requirement?

Thanks in advance,

Regards

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 2 months ago #139428 by Krikor Boghossian
Replied by Krikor Boghossian on topic NumodusVersus template - Mobile layout
Not really.

These are iOS icons. They are not displayed in your site.
They are used when someone bookmarks your site in an iOS (iPhone) device in their homepage.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
8 years 3 months ago #156627 by Hozic Emir
Replied by Hozic Emir on topic NumodusVersus template - Mobile layout
Is old topic but i have to ask.
I also have white gap on right side of site category in grid layout on mobile, and if add in coustom.css what You suggested nothing happens.
site is www.sana.ba/sanaba/index.php/poslovni-subjekti-doline-sane.
Can You check this pls.

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
8 years 3 months ago #156636 by Krikor Boghossian
Replied by Krikor Boghossian on topic NumodusVersus template - Mobile layout
Sure thing,

Please paste this in your template's custom.css file.
@media screen and (max-width: 600px){
.itemContainer { min-width: 100%; }}

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum