Slider und Header

Besessenheit_maday

Guten Tag:-)
Könnte mir jemand sagen, wie es möglich ist, dass das Design quasi so aussieht, wie auf dem Preview Bild des Themes Mr.Tailor?
Theme haben wir, nur wollen wir quasi den Headerbereich, also die komplette Navigation auf dem Slider haben, dass es so aussieht, wie auf dem Bild hier..
slider revolution haben wir zb auch, falls das nötig ist..
über eine antwort würden wir uns sehr freuen..

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

helix

Der Slider liegt in einem relativ positionierten div. Darin ist ein weiteres div mit der Navigation und allem, was das sonst noch drüber liegen soll, das ist absolut positioniert und erhält einen hohen z-index, so dass es drüber liegt.

In der Vorschau von Herrn Schneider kommt dann eine weitere sticky Navleiste ins Fenster, wenn Bild / Slider fast durchgescrollt ist. Soll das auch nachgemacht werden? Das ist eher tricky und ich weiß nicht, ob es ein fertiges PlugIn gibt, das den Effekt so liefert. Sonst über ein passendes JavaScript reinbasteln …

Gruß
helix

Besessenheit_maday

Danke schonmal, und wie gehe ich da am besten vor?
versuche seit 2 stunden da rum zu machen und zu probieren mit dem Inspektor von Firefox..

Besessenheit_maday

Zitat von Besessenheit_maday

Danke schonmal, und wie gehe ich da am besten vor?
versuche seit 2 stunden da rum zu machen und zu probieren mit dem Inspektor von Firefox..

.forcefullwidth_wrapper_tp_banner {
margin-top: -130px!important;
}

so konnte ich den jetzt auch hoch schieben den slider.. aber keine ahnung, ob das so richtig ist oder man was damit falsch macht..

helix

Das liest sich ziemlich nach „von hinten durch die Brust ins Auge“.

Kannst du einen Link zur Seite posten? Evtl. auch den Code deiner header.php?

Gruß
helix

Besessenheit_maday

PHP

<?php    
    global $mr_tailor_theme_options;
    global $woocommerce;
    global $wp_version;
?>
<!DOCTYPE html>
<html class="no-js" <?php language_attributes(); ?>>


<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    
    <!-- ******************************************************************** -->
    <!-- * Title ************************************************************ -->
    <!-- ******************************************************************** -->
    
    <title><?php wp_title( '|', true, 'right' ); ?></title>


    <?php    
    $parent_theme = wp_get_theme('mrtailor');
    $child_theme = wp_get_theme();
    $child_theme_in_use = false;
    if ($parent_theme->name != $child_theme->name) { 
        $child_theme_in_use = TRUE;
    }    
    $vc_version = "Not activated";
    if (defined('WPB_VC_VERSION')) {
        $vc_version = "v".WPB_VC_VERSION;
    }    
    ?>
    
    <!--    ******************************************************************** -->
    <!--    ******************************************************************** -->
    <!--
            * WordPress: v<?php echo $wp_version . "\n"; ?>
            <?php if (class_exists('WooCommerce')) : ?>* WooCommerce: v<?php echo $woocommerce->version . "\n"; ?><?php else : ?>* WooCommerce: Not Installed <?php echo "\n"; ?><?php endif; ?>
            * Visual Composer: <?php echo $vc_version; ?><?php echo "\n"; ?>
            * Theme: <?php echo $parent_theme->name; ?> v<?php echo $parent_theme->version; ?> by <?php echo $parent_theme->get('Author') . "\n"; ?>
            * Child Theme: <?php if ($child_theme_in_use == TRUE) { ?>Activated<?php } else { ?>Not activated<?php } ?><?php echo "\n"; ?>
    -->
    <!--    ******************************************************************** -->
    <!--    ******************************************************************** -->
    
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    
    <!-- ******************************************************************** -->
    <!-- * Custom Favicon *************************************************** -->
    <!-- ******************************************************************** -->
    
    <?php
    if ( (isset($mr_tailor_theme_options['favicon']['url'])) && (trim($mr_tailor_theme_options['favicon']['url']) != "" ) ) {
        
        if (is_ssl()) {
            $favicon_image_img = str_replace("http://", "https://", $mr_tailor_theme_options['favicon']['url']);        
        } else {
            $favicon_image_img = $mr_tailor_theme_options['favicon']['url'];
        }
    ?>
    
    <!-- ******************************************************************** -->
    <!-- * Favicon ********************************************************** -->
    <!-- ******************************************************************** -->
    
    <link rel="shortcut icon" href="<?php echo $favicon_image_img; ?>" type="image/x-icon" />
        
    <?php } ?>
    
    <!-- ******************************************************************** -->
    <!-- * Custom Header JavaScript Code ************************************ -->
    <!-- ******************************************************************** -->
    
    <?php if ( (isset($mr_tailor_theme_options['header_js'])) && ($mr_tailor_theme_options['header_js'] != "") ) : ?>
        <script type="text/javascript">
            <?php echo $mr_tailor_theme_options['header_js']; ?>
        </script>
    <?php endif; ?>
    
    <!-- ******************************************************************** -->
    <!-- * WordPress wp_head() ********************************************** -->
    <!-- ******************************************************************** -->
    
<?php wp_head(); ?>
</head>


<body <?php body_class(); ?>>


    <div id="st-container" class="st-container">


        <div class="st-pusher">
            
            <div class="st-pusher-after"></div>   
                
                <div class="st-content">
                    
                    <?php


                    $header_transparency_class = "";
                    $transparency_scheme = "";
                    
                    if ( (isset($mr_tailor_theme_options['main_header_background_transparency'])) && ($mr_tailor_theme_options['main_header_background_transparency'] == "1" ) ) {
                        $header_transparency_class = "transparent_header";
                    } else {
                        $header_transparency_class = "normal_header";
                    }
                    
                    if ( (isset($mr_tailor_theme_options['main_header_transparency_scheme'])) ) {
                        $transparency_scheme = $mr_tailor_theme_options['main_header_transparency_scheme'];
                    }
                    
                    $page_id = "";
                    if ( is_single() || is_page() ) {
                        $page_id = get_the_ID();
                    } else if ( is_home() ) {
                        $page_id = get_option('page_for_posts');        
                    }
                    
                    if ( (get_post_meta($page_id, 'page_header_transparency', true)) && (get_post_meta($page_id, 'page_header_transparency', true) != "inherit") ) {
                        $header_transparency_class = "transparent_header";
                        $transparency_scheme = get_post_meta( $page_id, 'page_header_transparency', true );
                    } else {
                        $header_transparency_class = "normal_header";
                        $transparency_scheme = "";
                    }
                    
                    if ( (get_post_meta($page_id, 'page_header_transparency', true)) && (get_post_meta($page_id, 'page_header_transparency', true) == "no_transparency") ) {
                        $header_transparency_class = "normal_header";
                        $transparency_scheme = "";
                    }
                    
                    ?>
                    
                    <div id="page" class="<?php echo $header_transparency_class; ?> <?php echo $transparency_scheme; ?>">
                    
                        <?php do_action( 'before' ); ?>
                        
                        <div class="top-headers-wrapper">
                        
                            <?php if ( (!isset($mr_tailor_theme_options['top_bar_switch'])) || ($mr_tailor_theme_options['top_bar_switch'] == "1" ) ) : ?>                        
                                <?php include_once('header-topbar.php'); ?>
                            <?php endif; ?>                      
                            
                            <?php
                            
                            if ( (isset($mr_tailor_theme_options['header_layout'])) && ($mr_tailor_theme_options['header_layout'] == "0" ) ) {
                                include_once('header-default.php');
                            } else {
                                include_once('header-centered.php');
                            }
                            
                            ?>
                        
                        </div>
                        
                        <?php if (function_exists('wc_print_notices')) : ?>
                        <?php wc_print_notices(); ?>
                        <?php endif; ?>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Slider und Header

Jetzt mitmachen!