- Posts: 22
COMMUNITY FORUM
- Forum
- Free Joomla Extensions & Templates
- Free Joomla Templates
- NumodusVersus template - Mobile layout
NumodusVersus template - Mobile layout
- juan sanchez
- Topic Author
- Offline
- Junior Member
Less
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
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
- Offline
- Platinum Member
Less
More
- Posts: 15920
10 years 2 months ago #139422
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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.
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
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 22
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
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
- Offline
- Platinum Member
Less
More
- Posts: 15920
10 years 2 months ago #139424
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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
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
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 22
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
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
- Offline
- Platinum Member
Less
More
- Posts: 15920
10 years 2 months ago #139426
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Krikor Boghossian on topic NumodusVersus template - Mobile layout
Hello Juan,
You 're welcome :)
Paste this snippet in your custom.css
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
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 22
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
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
- Offline
- Platinum Member
Less
More
- Posts: 15920
10 years 2 months ago #139428
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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.
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.
- Hozic Emir
- Offline
- New Member
Less
More
- Posts: 5
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.
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
- Offline
- Platinum Member
Less
More
- Posts: 15920
8 years 3 months ago #156636
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Krikor Boghossian on topic NumodusVersus template - Mobile layout
Sure thing,
Please paste this in your template's custom.css file.
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.
- Forum
- Free Joomla Extensions & Templates
- Free Joomla Templates
- NumodusVersus template - Mobile layout