• Welcome to Simple Machines Community Forum. Please login or sign up.
September 27, 2021, 12:13:06 PM

News:

Follow SMF on Twitter.


Redsy

Started by Daniiel, April 05, 2015, 07:44:21 PM

Previous topic - Next topic

Smart Forums

Quote from: vladraq on January 29, 2018, 03:30:35 AM
Hello,
Can somebody help me with the size of logo in mobile view?

Before i login, the logo and navbar are rendering fine:


After the login, user menu icon is visible and it's messing around the navbar:


I tried to modify the index.css by adding "max-width: 80%", the logo gets smaller but the navbar remains the same.

Quote.navbar-brand .logo
{
   min-height: 50px;
   margin-top: -15px;
   max-width: 80%;
}

Approve my registration and i will take a look for you. 

If it's mobile view you will most likely need to be adjusting @media in your css

Example
@media (max-width: 767px)
.logo {
    width: 80%;
}
 

vladraq

February 13, 2018, 02:08:14 PM #221 Last Edit: February 13, 2018, 02:18:54 PM by vladraq
Registration approved.

I already tried to do this on index.css. Logo is getting smaller but the navbar height remain the same.


If i change the phone orientation to landscape everything it's ok.


Quote@media (max-width: 767px) {
   .scroll-to-top {
      display: none;
   }
   .show-menu {
      display: block !important;
      visibility: visible !important;
   }
   .logo {
   width: 80%;

    }
}

Smart Forums

You can do it in your bootstrap.css by setting a max-width to 'navbar-brand' like below.

Find:
.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}


Replace:
.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
    max-width: 70%;
}

vladraq

Thank you.

It's fixed now.

jakes_t

This is a really nice theme, thanks.

redcandy

Very nice theme overall. Facing a small issue here redcandydeals.com

A plus sign appears at the top left end with a small gap. Any idea to resolve this issue. Can anyone help me with this. Thanks !

GigaSRV

Nice looking theme :)

GigaSRV

Quote from: redcandy on June 01, 2018, 09:53:41 AM
Very nice theme overall. Facing a small issue here redcandydeals.com

A plus sign appears at the top left end with a small gap. Any idea to resolve this issue. Can anyone help me with this. Thanks !

It looks like it's in the template. Have a look at index.template.php

redcandy

Quote from: GigaSRV on June 02, 2018, 06:36:36 AM
Quote from: redcandy on June 01, 2018, 09:53:41 AM
Very nice theme overall. Facing a small issue here redcandydeals.com

A plus sign appears at the top left end with a small gap. Any idea to resolve this issue. Can anyone help me with this. Thanks !

It looks like it's in the template. Have a look at index.template.php

Thanks for the reply GigaSRV. Can you be specific?. What to look for index.template.php?

GigaSRV

Without looking at the template i would assume it was a "+" symbol you were looking for. If you want to post your template i can take a look for you?

redcandy

I am on mobile now, will see what i can do. Thanks !

RockLee

Quote from: GigaSRV on June 03, 2018, 01:17:46 PM
Without looking at the template i would assume it was a "+" symbol you were looking for. If you want to post your template i can take a look for you?

Look well at the moment add some code you escaped the symbol ...


Regards!
¡Regresando como cual Fenix! ~ Bomber Code © 2020
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

dendemeier

I want to change the standard tab in the infocenter of my forum.

I´ve got 4 tabs:

Recent Post, Future Events, Statistics, User Online.

When visiting the forum the tab "user online" is choosen as a standard tab. But i want the infocenter to show Recent Posts as a standard. Where can i change this?
I took a look in the boardindex.php and boardindex_template.php, the infocenter is definded there. But i don´t find a option on which tab is choosen as a standard.

arslun

Help:
When RTL is enabled, the TOP menu (hamburger menu) is broken. Can someone help?
http://munber.iuyghur.com/index.php [nofollow]

Thanks

ziskar364

Hello, after updating to smf 2.0.17 and simple portal 2.3.7 the mobile version is not working fine. It looks like you browse from desktop.
Also simple portal landing page broke a bit...
Is there any recent update to fix those issues?

Diego Andrés

Just tested theme in mobile and works just fine.

Theme updated to SMF 2.0.17

SMF Tricks - Free & Premium Responsive Themes for SMF.

CrimeS

Hello, someone at the polish support had some trouble to have the "Actions" button translated (see attached image).

In ThemeStrings.english.php there is a string to be translated, but in Display.template.php this word is hardcoded. Should probably be updated :)
<button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown">Actions <span class="caret"></span></button>

Diego Andrés

February 23, 2020, 03:55:34 PM #237 Last Edit: April 17, 2020, 01:30:08 PM by Diego Andrés
Will fix it later thanks

Edit: It appears to be fixed already on the current package (smf/github).

SMF Tricks - Free & Premium Responsive Themes for SMF.

Evanthe

Hi  :) I'm new here.

The theme has stopped working correctly in the mobile version, it loads expanded and it looks like the desktop version.
I leave you the link of a screenshot so you can see better what I mean:



I love the theme and would not like to have to change it, is there any way to fix it?

Thanks

Diego Andrés

Quote from: Evanthe on June 21, 2020, 11:55:01 AM
Hi  :) I'm new here.

The theme has stopped working correctly in the mobile version, it loads expanded and it looks like the desktop version.
I leave you the link of a screenshot so you can see better what I mean:



I love the theme and would not like to have to change it, is there any way to fix it?

Thanks

index.css

Code (Search) Select
@media (max-width:767px) {
#IC .nav-tabs li span
{
display: none;
}
}


Code (Replace) Select

@media (max-width:767px) {
#IC .nav-tabs li span
{
display: none;
}
#sp_left, #sp_right, #sp_center
{
width: 100%;
display: block;
}
}

SMF Tricks - Free & Premium Responsive Themes for SMF.

Advertisement: