Problem with apple mobile and ipad devices?

Hi Guys,

I've got an odd one for you, my site is displaying perfectly on everything except apple mobiles and ipads - there is some odd code that seems to be setting some kind of background over the top of some text.

I can't seem to locate the code

Can anyone help please?

Text issue
Website Link

Custom select tag inside of navbar

Hello to everybode!
I found on internet a custom select menu, made with HTML and CSS.
The problem is that when I am using it inside a <nav> tag it is looking and behaving different than when it is alone on the webpage.
Here is the original from internet:
HTML:

<form>
 
        <ul class="select">
            <li>
                <input class="select_close" type="radio" name="awesomeness" id="awesomeness-close" value=""/>
                <span class="select_label select_label-placeholder">#</span>
            </li>
 

footer div does not setting at the bottom of the page

Hi there,

Guys, I am trying to set the <div id="ftr"> at the bottom of the page on the website meaningus.com. It should not move up in any browser. I had tried setting position: absolute; bottom: 0; width: 100% but if the upper div has smaller height <div id="ftr"> moves upward and stuck in the middle of window.

It may look good in your window currently, but if you see it in a tall window, it would not stay at the bottom.

I am tired of fixing it, but no luck. Please guys, help!

Column Width

Hello,

am moving from column-count css to this code : Codepen

I use to have
max-width: 501px : 1 Column
min-width: 502px to max-width: 890px : 2 columns
min-width: 891px to max-width: 1200px : 3 Columns
min-width: 1201px : 4 Columns

with Max column width of 400px

How can I adjust the codepen to match the above ? P.S. Am a bit lost with the fraction.

Why does position sticky not work?

Hi guys,

If you click on "AC-brytare" there will be som content on the right.

I want this content (.tabcontent) to automatically scroll down using position: sticky;

How come it does not work?

Best, Anders

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<style type="text/css">* {box-sizing: border-box}
 
<body> {font-family: "Lato", sans-serif;}
/* Style the tab */
.tab {
float: left;
border: 1px solid #ccc;
background-color: #f1f1f1;
width: 40%;
height: 100%;
}

Syndicate content