robelo2

Den fungerar nu efter jag fått ny ip-adress från min ISP. Ingen aning vad som var fel.

fast jag hostar servern själv från den egna datorn.

Var tvungen ha dessa CSS högre upp i min style.css för att det skulle fungera. Som om något annat i koden störde. Vet inte vad det var, men nu kan jag ha den lägre ner igen också utan problem. Så det var jättekonstigt. Har bytt nu även till twentytwentyone-child med minimalt tema. Hållit på med nu utan att krydda, 24 timmar bara för att få logon min centralt på sidan och responsivt, men ingenting fungerar. Förstår inte varför det ska vara så svårt. Men tror jag ska sluta fråga chatgpt om hjälp för det verkar bara göra det värre.

Aha, alltså jag använder Astra som tema, men jag gjorde ett template eller vad det nu kallas, child? kanske. Och där har jag alltså slängt in alla mina sidor som jag bygger på. Men jag kanske gör på fel sätt då? För det känns ibland som jag har väldigt svårt att få saker att bli rätt placerade på sidorna.

Fick hjälp utav en kompis igår och inte ens han förstod varför min slider inte fungerade så fort upplösningen blev mindre än 768. Jag kan t.o.m. se när jag inspekterar sidan att min custom-style.css inte blir laddad när upplösningen är 767 eller mindre. Fick den att fungera förut och har t.o.m. försökt gå tillbaka till min gamla kod då det fungerade, men det hjälpte inte.

Han tyckte jag skulle börja om från början med woo commerce plugin och bygga sidan inifrån wordpress istället för att göra som jag gör nu. Jobbat med sidan i över 1 år så det känns rätt motsträvigt och mitt tålamod är inte vad det var en gång i tiden. Om jag visste hur man kunde lägga upp sidan så den blev online hade du kanske kunnat kolla, men jag har inte riktigt koll på hur man gör det. Men ska försöka.

Uppdatering: Fått lite mer info nu. Jag testade göra en helt ny sida och en css med bara slidern. Den gör exakt samma sak. Så jag inspekterar och ser under network tab att det blir 404 error på min CSS fil, även på desktop upplösning vilket är konstigt då jag ser att min css stil blir insatt trots 404 error. Så något är galet här och tror inte det är något vanligt problem.

• Det här svaret redigerades för 1 år, 5 månader sedan av robelo2.
• Det här svaret redigerades för 1 år, 5 månader sedan av robelo2.

Tack för ditt svar.

Ett tag sedan jag löste det här.

istället för denna html:

<div class=”header-container”> <div class=”header-buttons”><button class=”search-button”> <i class=”fas fa-search”></i> </button> <input class=”search-input” type=”text” placeholder=”Search…” /> <!–?php custom_header_buttons(); ?–></div> </div>

och/eller denna:
<div class=”header-buttons”> <button class=”search-button”> <i class=”fas fa-search”></i> </button> <input class=”search-input” type=”text” placeholder=”Search…” /> <?php custom_header_buttons(); ?> </div> </div> </header>

så fungerade detta bättre:

    <div class="header-buttons">
        <?php
        // Check if the current page is not 'landing-page'
        if (!is_page('landing-page')) : ?>
            <?php if (!is_user_logged_in()) : ?>
                <a class="login-button" href="<?php echo esc_url(wp_login_url()); ?>">Login</a>
                <a class="register-button" href="<?php echo esc_url(wp_registration_url()); ?>">Register</a>
            <?php endif; ?>

            <form role="search" method="get" id="searchform" class="searchform" action="<?php echo esc_url(home_url('/')); ?>">
                <input class="search-input" type="text" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder="Search..." />
                <button class="search-button" type="submit" id="searchsubmit">
                    <i class="fas fa-search"></i>
                </button>
            </form>
        <?php endif; ?>
    </div>
</div>

Nej jag kör med Astra theme. Sen vet jag inte riktigt varför jag inte kan lägga till search utan att knapparna försvinner? Tar jag bort search från html så ser jag knapparna.

html:

<div class=”header-container”> <div class=”header-buttons”><button class=”search-button”> <i class=”fas fa-search”></i> </button> <input class=”search-input” type=”text” placeholder=”Search…” /> <!–?php custom_header_buttons(); ?–></div> </div>

headern:

<?php /**

• The header for Astra Theme.*
  • This is the template that displays all of the <head> section and everything up until <div id=”content”>
  *
  • @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
  *
  • @package Astra
  • @since 1.0.0
  */

if ( ! defined( ’ABSPATH’ ) ) { exit; // Exit if accessed directly. } ?>

<!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset=”<?php bloginfo( ’charset’ ); ?>”> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <?php wp_body_open(); ?>

<header class=”site-header”> <div class=”header-container”> <div class=”header-buttons”> <button class=”search-button”> <i class=”fas fa-search”></i> </button> <input class=”search-input” type=”text” placeholder=”Search…” /> <?php custom_header_buttons(); ?> </div> </div> </header> <a class=”skip-link screen-reader-text” href=”#content” role=”link” title=”<?php echo esc_attr( astra_default_strings( ’string-header-skip-link’, false ) ); ?>”> <?php echo esc_html( astra_default_strings( ’string-header-skip-link’, false ) ); ?> </a>
<div <?php echo astra_attr( ’site’, array( ’id’ => ’page’, ’class’ => ’hfeed site’, ) ); ?>> <?php astra_body_top(); astra_header_before(); astra_header(); astra_header_after(); astra_content_before(); ?> <div id=”content” class=”site-content”> <div class=”ast-container”> <?php astra_content_top(); ?>