Few issues after update, can someone please help? :)

  • Resolved nickmeteensnor

    (@nickmeteensnor)


    3 years, 11 months ago

    Hello,

    After I updated my WordPress I got a few issues, but mainly the mobile version is not displaying properly anymore (on iPhone, not sure about other devices):

    https://drive.google.com/file/d/1Nn4HhFUR4MhH3e_HLotgUmDtdPGXarHW/view?usp=sharing
    https://drive.google.com/file/d/1SoZ7fOYr0x07spbieZI-daCpULDEeARQ/view?usp=sharing
    https://drive.google.com/file/d/1P20GkECLuXVY4QWlGpL5Pz4u5BudHKoo/view?usp=sharing

    – Most of the text on the mobile version now has different spacing or boldness or such, the ‘Nick Rutten’ title shows this clearly.
    – Also, the feature images won’t ‘resize’ to the with of the screen anymore, so now you only see 1/4 of the images.
    – The date I pointed to with a red arrow is back now, a long time ago someone wrote a CSS line to remove it, but I guess it no longer workes.
    – At the bottom of the page it shows my own and WordPress copyright line, I want to remove both as well.

    I use the squarex-lite theme: https://www.ads-software.com/themes/squarex-lite/

    I don’t know anymore what any of this means, but this is the additional CSS of my website: 

    .div.pp_details { color: #eac67a;
}

.slide-title {font-size: 20px;}
.menu-main {
	letter-spacing: 0.1em;
{font: 1.53em "Open Sans", Helvetica, Arial, sans-serif;}
}

.home-widget {
   text-align: center;
}

.top-single {
   display: none;
}
.footer-single {
   display: none;
}

.author { display: none; }

.posted-on { display: none; }

.posted {display: none;}

.site-footer {
    text-align: left;
    display: block;
}
#content .post .article-content .below-entry-meta .tag-links { display: none; }

p {
line-height: 1;
}
p {
margin-bottom: 1em;
}

.site-title {font-size: 41.3px;}

.site-description {font: 1.08em "Open Sans", Helvetica, Arial, sans-serif;}

.main-navigation a {
   color: #eac67a;
}

.main-navigation a:hover {
   color: #eac67a;
}

.main-navigation .current_page_item > a {
    color: #FFF;
}

.site-branding {
	margin-top: -1.1em;
	margin-bottom: -2.2em;
}
.page .entry-content,
.single .entry-content {
        margin-top: 0;
}

h1.entry-title {
        display: none;
}
.published {
	display: none;
}
.innerBox {
        border: 2px solid #18121E;
}

    If someone can help me thank you so much! ??

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter nickmeteensnor

    (@nickmeteensnor)

    Forgot to add but I did update everything, all plugins and the theme as well

    Please place below code at the end of .css file

    .slide-data .published, .site-footer .site-info {
    display: none;
    }
    .slides img {
    max-width: 100% !important;
    }

    Regarding to the first point, I did not get you. Please explain more…

    Thread Starter nickmeteensnor

    (@nickmeteensnor)

    Thank you Paramsoft, you are like a magician!

    About the first point
    Some text looks different on mobile. The way it looks on desktop is how I intended it. I think the spacing and boldness of the text is different, but I am not sure what exactly has changed on the mobile version and why. (maybe it has something to do with the bold and spacing effects not being native to the font, so mobile has difficulty processing it or something?)
    I made a side by side difference between the mobile and desktop title: https://drive.google.com/file/d/1zWippjkXRZutcW1LuXixI97wFF5SmQhq/view?usp=sharing
    The other text with a red circle is how it should look, but has the same problem on mobile as the ‘Nick Rutten’ title. It seems like only the ‘titles’ have this problem, the smaller text on my website is unchanged.

    @nickmeteensnor Sorry. I have checked in both device desktop and mobile view. There are no any changes of CSS when I saw in mobile. I could not find any issue.

    Thread Starter nickmeteensnor

    (@nickmeteensnor)

    Thank you for checking! But do you mean that the text on your mobile device looks the same as it does on my desktop? Or do you mean that the CSS is just the same? If you don’t use Apple, perhaps it could mean the issue is only present on those kinds of devices.

    Thread Starter nickmeteensnor

    (@nickmeteensnor)

    On Android, it seems to work fine. Not sure what the problem is with Apple…

    But thanks a lot for the help!!

    I’m closing the thread

    Здраствуйте.

    Такая ситуация, перед последним обновлением у меня на пк версии сайта было в карточке товара вместо валюты квадратик и так же в мобильной версии, а на официальном сайте в форуме эту проблему заметили и дали CSS код:
    add_filter(‘woocommerce_currency_symbol’, ‘change_existing_currency_symbol’, 10, 2);

    function change_existing_currency_symbol( $currency_symbol, $currency ) {
    switch( $currency ) {
    case ‘RUB’: $currency_symbol = ‘ руб.’; break;
    }
    return $currency_symbol;
    }
    Я его вставил, он мне помог всё встало на свои места, но спустя время когда вышло последнее обновление wordpress на данный момент обращения, на пк верси сайта и на мобильной версии айфонов всё хорошо валюта корректно отображается, а вот для мобильной версии андройд отображается вместо валюты квадратик. Уже все форумы перекопал никто не может ответить на этот вопрос.
    Помогите пожалуйста решить эту проблему.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Few issues after update, can someone please help? :)’ is closed to new replies.