News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

LimeStone

Started by Mick., December 07, 2019, 01:58:48 PM

Previous topic - Next topic

tife54

thanks so much
It showing now...

My problem before is that I'm changing the name of the image... Thanks

tife54

Thanks do much for your time

It now showing

My problem earlier before is that I'm changing the image name which make it not to overwrite...

Thanks thanks   ;D

Mick.

Quote from: tife54 on June 19, 2020, 07:52:31 AM
thanks so much
It showing now...

My problem before is that I'm changing the name of the image... Thanks
Glad you figured it out :)

tife54


Portugal

Hi Mick.

This is a pretty theme, i like him. I already have instaled him on a forum, smaler forum, and it serve to test somethings for other major forum ive. After install i think is better if the fonts are a bit bigger. How can i increse a bit this size for both, descktop and mobile?



Thanks in advance
Portugal

Mick.

@Portugal.   . Which fonts? Menu? In posts?

Portugal

Quote from: Mick. on June 20, 2020, 07:10:17 AM
@Portugal.   . Which fonts? Menu? In posts?
Hi,

in posts are the most relevant, but maybe it looks good to increase too the linktree.

Mick.

Quote from: Portugal on June 20, 2020, 07:43:40 AM
Quote from: Mick. on June 20, 2020, 07:10:17 AM
@Portugal.   . Which fonts? Menu? In posts?
Hi,

in posts are the most relevant, but maybe it looks good to increase too the linktree.

Open the theme's css file and at the bottom find:

Linktree and posts...

@media screen and (min-width: 240px) and (max-width: 800px) {


add after:

.post, .personalmessage{
width: auto;
overflow: hidden;
font-size: 21.5px;
line-height: 30px;
text-align: left;
padding: 0.1em 0;
}
.navigate_section ul li
{
float: left;
padding: 0 0.5em 0 0;
font-size: 16px;
}


increase font size to your liking.

Portugal

Thanks,

Ive added on css/responsive.css

@media screen and (min-width: 768px) and (max-width: 1024px) {
   table.table_list tbody.content td.stats
   {
      display: none;
   }
   table.table_list tbody.content td.lastpost, .topic_table table tbody tr td.lastpost
   {
      width: 35% !important;
   }
}

[i]@media screen and (min-width: 240px) and (max-width: 800px) {

.post, .personalmessage{
   width: auto;
   overflow: hidden;
   font-size: 21.5px;
   line-height: 30px;
   text-align: left;
   padding: 0.1em 0;
}
.navigate_section ul li
{
   float: left;
   padding: 0 0.5em 0 0;
   font-size: 14px;[/i]
}


And for mobile (i was resized for 14px)  and its good, but on descktop stills identical as before. If i quit @media screen and (min-width: 240px) and (max-width: 800px) {

On descktop are too bigger!

Mick.

Quote from: Portugal on June 20, 2020, 09:18:37 AM
Thanks,

Ive added on css/responsive.css

@media screen and (min-width: 768px) and (max-width: 1024px) {
   table.table_list tbody.content td.stats
   {
      display: none;
   }
   table.table_list tbody.content td.lastpost, .topic_table table tbody tr td.lastpost
   {
      width: 35% !important;
   }
}

[i]@media screen and (min-width: 240px) and (max-width: 800px) {

.post, .personalmessage{
   width: auto;
   overflow: hidden;
   font-size: 21.5px;
   line-height: 30px;
   text-align: left;
   padding: 0.1em 0;
}
.navigate_section ul li
{
   float: left;
   padding: 0 0.5em 0 0;
   font-size: 14px;[/i]
}


And for mobile (i was resized for 14px)  and its good, but on descktop stills identical as before. If i quit @media screen and (min-width: 240px) and (max-width: 800px) {

On descktop are too bigger!
Not here css/responsive.css ....... here css/index.css

Portugal

Thanks Mick.

It works as you sugest, but now the fnt are to bigger, i ive attached an print screen of original size and the size you corrected, its possibile something in midle of?


Regards
Portugal


Mick.

Change the font size pixel to your liking. 16px or 18px or 20px or 14px or 12px

Deaks

Mick. would not having a % vakue not be better for media that means it would change to a more appropriate size dependent on the screen size ?  or using vw instead of px?
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

Antechinus

% would make sense, but vw wouldn't. I'd just try setting 100% on mobile and see how he likes that. It should work, since it's what they are set up for.

willerby

Hi Mick, I've decided to to use this excellent theme on a project - very impressive. The only down side is I am getting reports that on some apple iPad devices drop down menus on the main menu are failing to load/drop down in landscape. When iPad used in portrait it uses the mobile menu (three bars at the top) but in landscape the main long menu is used which suffers the issue meaning members don't see the drop downs but insteadgo stright to the top menu item page. It appears apple have created this problem but the only fix is through theme authors. Are you able to help at all?
One solution might be to force the mobile drop down for iPad devices?
Help!
 
What type of washing machine is September?

An autumnatic. :)

Mick.

Quote from: laetabi on January 28, 2021, 04:35:16 PM
Hi Mick, I've decided to to use this excellent theme on a project - very impressive. The only down side is I am getting reports that on some apple iPad devices drop down menus on the main menu are failing to load/drop down in landscape. When iPad used in portrait it uses the mobile menu (three bars at the top) but in landscape the main long menu is used which suffers the issue meaning members don't see the drop downs but insteadgo stright to the top menu item page. It appears apple have created this problem but the only fix is through theme authors. Are you able to help at all?
One solution might be to force the mobile drop down for iPad devices?
Help!
 
Open the CSS folder in the LimeStone theme, open index.css file and at the very bottom find:


@media screen and (min-width: 240px) and (max-width: 800px) {


Replace 800px for 1024px. This should work; I have not tested this tho'.

willerby

That's great. Thanks Mick. I was looking all over responsive.css and hadn't spotted that at the bottom of index.css
Much appreciated. (Great theme - so clean and simple)
What type of washing machine is September?

An autumnatic. :)

Mick.

Quote from: laetabi on January 28, 2021, 06:14:14 PM
That's great. Thanks Mick. I was looking all over responsive.css and hadn't spotted that at the bottom of index.css
Much appreciated. (Great theme - so clean and simple)

No prob ;)

willerby

Sorry, Mick, one more...
The main menu - HOME, HELP, SEARCH etc for my forum is much longer with some custom page links to SimplePortal. It's around 50% width on a 1768px laptop.

One or Two members reporting that the LOGOUT button has disappeared. I can only replicate by replicating the effect of reducing screen size.  As I reduce the window width, just before the menu reverts to the mobile dropdown, LOGOUT drops down to a line below the menu and as the text is white it disappeares on a white background.
I've tried finding a 50% width container or something that would cause this effect in CSS but run out of talent. Are you able to help?
Many thanks
What type of washing machine is September?

An autumnatic. :)

Mick.

Last code I posted replace 1024 to something larger.  1100 0r 1200px

Advertisement: